v6.0.0-beta.16
  • Home
  • Principles
  • Tokens
  • Global
  • Layout
  • Components
  • Utilities
    • Click Area
    • Container
    • Counted
    • Indexed
    • Layout Items
    • No Print
    • Typography
    • Visually Hidden
    • Z-Index
  • home
  • /
  • utilities

Utilities

Utility classes are classes that do one thing, and one thing well. They are different class utilities, like the one used in layouts layer.

Class utilities

Class utilities are classes that that allow you to control one aspect from a different CSS class. Class utilities on their own have no impact whatsoever, in contract to utility classes. Class utilities are prefixed with '--' to make them easily spottable.

Feo.css offers a very limited set of utility classes: small, single-purpose helpers that are independent of design tokens. Utilities tied to a design scale — spacing, sizing, and similar — are intentionally left to your own project, since Feo.css ships very few tokens of its own.

  • Click Area
  • Container
  • Counted
  • Indexed
  • Layout Items
  • No Print
  • Typography
  • Visually Hidden
  • Z-Index
© crinkles
Powered by: 11ty & Feo.css | Github