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 --guise-skeleton-card-border-color, which by default is set to --guise-skeleton-component-border-color, another custom property. If you create your own skin, specifying a custom --guise-skeleton-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 --guise-skeleton-card-border-color.