search

kickstartDS / kickstartDS

kickstartDS mono-repository, containing all packages but config related ones and the content component module
https://www.kickstartDS.com/docs
Other
94 stars 3 forks source link

Component Token Overhaul #1658

Open fleven-kds opened 5 months ago

fleven-kds commented 5 months ago

The component tokens are to be overhauled. As a blueprint we should use the structure designed for the ds-agency repositories.

Token Structure:

--: Denotes the start of the token's CSS value, except for the prefix. _: Represents a variant. __: Indicates that the element affected resides within the component, enabling more precise targeting.

Example:

--c-button--font-weight: Refers to the font weight of the button component. --c-button_primary--color: Indicates the color of the primary button variant. --l-section__headline--color: Specifies the color of the headline within the section component.

fleven-kds commented 3 months ago

The component token of the base base module have been updated. A lot of new token have been added where i saw them fit. Open tbd's have been annotated in the code. We should discuss the layering of components and the layering of the component token that comes with that in detail.