struct UI::DesignTokens::SpacingScale

Overview

Storage is rem-equivalent Float64 (1 rem = 16 logical points). Names mirror the Tailwind-flavored keys in Components::CSS::Config so the generators can lower to rem for web, CGFloat for Apple, dp/sp for Android without re-encoding.

Defined in:

ui/design_tokens.cr

Constructors

Instance Method Summary

Constructor Detail

def self.new(px : Float64, x0 : Float64, x0_5 : Float64, x1 : Float64, x1_5 : Float64, x2 : Float64, x2_5 : Float64, x3 : Float64, x3_5 : Float64, x4 : Float64, x5 : Float64, x6 : Float64, x7 : Float64, x8 : Float64, x9 : Float64, x10 : Float64, x11 : Float64, x12 : Float64, x14 : Float64, x16 : Float64, x20 : Float64, x24 : Float64, x28 : Float64, x32 : Float64, x36 : Float64, x40 : Float64, x44 : Float64, x48 : Float64, x52 : Float64, x56 : Float64, x60 : Float64, x64 : Float64, x72 : Float64, x80 : Float64, x96 : Float64) #

[View source]

Instance Method Detail

def by_key(key : String) : Float64 | Nil #

Tailwind/css_config-style key ("0.5", "1", "1.5", …) → field value.


[View source]
def clone #

[View source]
def copy_with(px _px = @px, x0 _x0 = @x0, x0_5 _x0_5 = @x0_5, x1 _x1 = @x1, x1_5 _x1_5 = @x1_5, x2 _x2 = @x2, x2_5 _x2_5 = @x2_5, x3 _x3 = @x3, x3_5 _x3_5 = @x3_5, x4 _x4 = @x4, x5 _x5 = @x5, x6 _x6 = @x6, x7 _x7 = @x7, x8 _x8 = @x8, x9 _x9 = @x9, x10 _x10 = @x10, x11 _x11 = @x11, x12 _x12 = @x12, x14 _x14 = @x14, x16 _x16 = @x16, x20 _x20 = @x20, x24 _x24 = @x24, x28 _x28 = @x28, x32 _x32 = @x32, x36 _x36 = @x36, x40 _x40 = @x40, x44 _x44 = @x44, x48 _x48 = @x48, x52 _x52 = @x52, x56 _x56 = @x56, x60 _x60 = @x60, x64 _x64 = @x64, x72 _x72 = @x72, x80 _x80 = @x80, x96 _x96 = @x96) #

[View source]
def px : Float64 #

def to_h : Hash(String, Float64) #

Iterating accessor in CSS-emit order.


[View source]
def x0 : Float64 #

def x0_5 : Float64 #

def x1 : Float64 #

def x10 : Float64 #

def x11 : Float64 #

def x12 : Float64 #

def x14 : Float64 #

def x16 : Float64 #

def x1_5 : Float64 #

def x2 : Float64 #

def x20 : Float64 #

def x24 : Float64 #

def x28 : Float64 #

def x2_5 : Float64 #

def x3 : Float64 #

def x32 : Float64 #

def x36 : Float64 #

def x3_5 : Float64 #

def x4 : Float64 #

def x40 : Float64 #

def x44 : Float64 #

def x48 : Float64 #

def x5 : Float64 #

def x52 : Float64 #

def x56 : Float64 #

def x6 : Float64 #

def x60 : Float64 #

def x64 : Float64 #

def x7 : Float64 #

def x72 : Float64 #

def x8 : Float64 #

def x80 : Float64 #

def x9 : Float64 #

def x96 : Float64 #