Semantic Properties

Although Guise Skeleton provides only a bare-bones styling for components and other elements, importantly it adds CSS custom properties that allow customization in a simpler manner than other bloated but non-semantic frameworks.

Consider a card component, which exposes custom properties such as --skelt-card-border-color, which by default is set to --skelt-component-border-color, another custom property. If you create your own skin, specifying a custom --skelt-component-border-color, it will override all component border colors that use this default, including card and menu. If on the other hand you only want to customize card borders, you can specify a custom value for --skelt-card-border-color.