class Components::CSS::ClassBuilder

• Components::CSS::ClassBuilder
• Reference
• Object

Overview

DSL for building CSS class strings with automatic tracking

Defined in:

components/css/class_builder.cr

Constructors

• .new

Instance Method Summary

• #active(classes : String) : self
• #add(classes : String, condition : Bool = true) : self

  Add classes conditionally

• #aria_checked(classes : String) : self
• #aria_disabled(classes : String) : self
• #aria_expanded(classes : String) : self
• #aria_selected(classes : String) : self
• #base(*classes : String) : self

  Add base classes

• #build : String

  Build the final class string

• #dark(classes : String) : self
• #disabled(classes : String) : self
• #focus(classes : String) : self
• #focus_visible(classes : String) : self
• #focus_within(classes : String) : self
• #hover(classes : String) : self

  State variants (hover, focus, etc.)

• #invalid(classes : String) : self
• #motion_reduce(classes : String) : self
• #motion_safe(classes : String) : self
• #responsive(&block : ResponsiveBuilder -> Nil) : self

  Responsive classes

• #unless(condition : Bool, classes : String) : self

  Add classes only if condition is false

• #valid(classes : String) : self
• #when(condition : Bool, classes : String) : self

  Add classes only if condition is true

Constructor Detail

Instance Method Detail