class Components::CSS::Config

• Components::CSS::Config
• Reference
• Object

Overview

Configuration for the utility-first CSS system

Defined in:

components/css/config/css_config.cr

Constructors

• .new

Instance Method Summary

• #amber_theme : Components::CSS::Tokens::Theme

  Semantic design-system tokens.

• #amber_theme=(amber_theme : Components::CSS::Tokens::Theme)

  Semantic design-system tokens.

• #border_radius : Hash(String, String)

  Border radius values

• #border_radius=(border_radius : Hash(String, String))

  Border radius values

• #colors : Hash(String, String | Hash(String, String))

  Color palette

• #colors=(colors : Hash(String, String | Hash(String, String)))

  Color palette

• #containers : Hash(String, String)

  Container query breakpoints

• #containers=(containers : Hash(String, String))

  Container query breakpoints

• #design_system_theme : Components::CSS::Tokens::Theme
• #design_system_theme=(theme : Components::CSS::Tokens::Theme)
• #extend : Hash(String, Hash(String, String))

  Custom extensions

• #extend=(extend __arg0 : Hash(String, Hash(String, String)))

  Custom extensions

• #font_sizes : Hash(String, String)

  Font sizes

• #font_sizes=(font_sizes : Hash(String, String))

  Font sizes

• #fonts : Hash(String, String)

  Font families

• #fonts=(fonts : Hash(String, String))

  Font families

• #get_color(name : String) : String | Nil

  Get a color value (handles nested hashes)

• #letter_spacing : Hash(String, String)

  Letter spacing

• #letter_spacing=(letter_spacing : Hash(String, String))

  Letter spacing

• #line_heights : Hash(String, String)

  Line heights

• #line_heights=(line_heights : Hash(String, String))

  Line heights

• #merge(other : Config) : Config

  Merge with another config

• #opacity : Hash(String, String)

  Opacity scale

• #opacity=(opacity : Hash(String, String))

  Opacity scale

• #screens : Hash(String, String)

  Breakpoints for responsive design

• #screens=(screens : Hash(String, String))

  Breakpoints for responsive design

• #shadows : Hash(String, String)

  Box shadows

• #shadows=(shadows : Hash(String, String))

  Box shadows

• #spacing : Hash(String, String)

  Spacing scale

• #spacing=(spacing : Hash(String, String))

  Spacing scale

• #to_custom_properties : String

  Generate CSS custom property declarations for all design tokens.

• #to_dark_custom_properties : String
• #transitions : Hash(String, String)

  Transitions

• #transitions=(transitions : Hash(String, String))

  Transitions

• #use_amber_theme(theme : Components::CSS::Tokens::Theme) : self
• #use_design_system_theme(theme : Components::CSS::Tokens::Theme) : self
• #z_index : Hash(String, String)

  Z-index scale

• #z_index=(z_index : Hash(String, String))

  Z-index scale

Constructor Detail

Instance Method Detail