Default
$text_lt_default
Light
$text_lt_light
Lighter
$text_lt_lighter
Default Dk
$text_dk_default
Light Dk
$text_dk_light
Lighter Dk
$text_dk_lighter
Bg Light
$bg_light
Bg Dark
$bg_dark
Bg Gradient
Card Light
$card_light
Card Dark
$card_dark
Success
$success
Warning
$warning
Error
$error
Info
$info
Neutral
$neutral
Data 1
$data_1
Data 2
$data_2
Data 3
$data_3
Data 4
$data_4
Data 5
$data_5
Data 6
$data_6
Data 7
$data_7
Data 8
$data_8
Primary
$primary_action
Active Light
$active_light
Active Dark
$active_dark
Border Light
$border_light
Border Dark
$border_dark
Shadow
$shadow
Windows
$windows
Siding
$siding
Doors
$doors
Solar
$solar
Roofing
$roofing
Gutters
$gutters
Attic Insulation
$insulation
Category 1
$category_1
Category 2
$category_2
Category 3
$category_3
Category 4
$category_4
Category 5
$category_5
Category 6
$category_6
Category 7
$category_7
Category 8
$category_8
Category 9
$category_9
Category 10
$category_10
Category 11
$category_11
Category 12
$category_12
Category 13
$category_13
Category 14
$category_14
Category 15
$category_15
Category 16
$category_16
Category 17
$category_17
Category 18
$category_18
Category 19
$category_19
Category 20
$category_20
Category 21
$category_21
max_width_sm
max_width_md
max_width_lg
max_width_xl
z_index: "10"
z_index: "9"
z_index: "8"
z_index: "7"
z_index: "6"
z_index: "5"
z_index: "4"
z_index: "3"
z_index: "2"
z_index: "1"
Rails kits the following spacing props:
margin
margin_bottom
margin_left
margin_right
margin_top
margin_x
margin_y
padding
padding_bottom
padding_left
padding_right
padding_top
padding_x
padding_y
React kits have the following spacing props:
margin
marginBottom
marginLeft
marginRight
marginTop
marginX
marginY
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
paddingX
paddingY
The values possible are: "none", "xs", "sm", "md", "lg", "xl"