4 #Components Components
Cosmetic design patterns that are each only used for one functional purpose or a specific type of content.
- box effects (backgrounds, borders, opacity)
- typefaces and font weights/styles
- textual effects (letter-spacing, alignment, indentation, decoration, list-style, color)
- bells & whistles (transformations, overflows, shadows, filters, transitions, icons)
Example: a Pass component. It has the look and feel of a physical paper ticket. It wouldn’t make sense to use this component in any other context besides a conference pass.
Source:
kss-styleguide.scss
, line 34