Please enable JavaScript.
Coggle requires JavaScript to display documents.
Odyssey XIII styles (VERSION-ENTITY Name pattern (xiii-button (xiii…
Odyssey XIII styles
VERSION-ENTITY
Name pattern
xiii-button
xiii-button xiii-left
xiii-button xiii-right
xiii-button xiii-close
xiii-dialog
xiii-left
xiii-input
xiii-right
xiii-close
xiii-expand
xiii-title
xiii-dialog xiii-title
Principles
Strict definition
Hierarchical
Dedicated elements
All widgets will stylize step-by-step
General use cases
Desktop
Smartphone
Tablet
User cannot customize specific widgets, only select themes
Sizes theme
Fonts theme
Colors theme
Material design
Avoid absolute sizes - "rem" is preferred
Hierarchy
xiii-project
xiii-toolbar
xiii-button
xiii-property
xiii-group
xiii-input
xiii-icon
xiii-dialog
xiii-header
xiii-content
xiii-footer
xiii-table
xiii-fill
xiii-chart
xiii-chip
xiii-fit
xiii-menu
xiii-full
details
xiii-previous
xiii-cancel
xiii-finish
xiii-next
xiii-label
xiii-close
xiii-restore
xiii-expand
xiii-disabled
xiii-link
xiii-first
xiii-last
xiii-up
xiii-down
xiii-search
xiii-progress
xiii-error
xiii-pin
xiii
xiii-unpin
type
<regular>
xiii-tablet
xiii-phone
semantic
xiii-semantic-warning
xiii-semantic-highlight
xiii-semantic-error
xiii-styles
Files hierarchy
xiii-styles-colors-blue
xiii-styles-colors-contrast
xiii-styles-colors-pink
xiii-styles-colors-flat-white
xiii-styles-sizes
xiii-styles-sizes-large
xiii-styles-sizes-small
xiii-styles-sizes-medium
xiii-styles-sizes-x-small
xiii-styles-sizes-x-large
xiii-styles-fonts
xiii-styles-fonts-serif
xiii-styles-fonts-sans-serif
xiii-styles-fonts-roboto