Colors

Text Colors

• 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

Backgrounds

• Bg Light

  $bg_light

• Bg Dark

  $bg_dark

• Bg Gradient

Cards

• Card Light

  $card_light

• Card Dark

  $card_dark

Status

• Success

  $success

• Warning

  $warning

• Error

  $error

• Info

  $info

• Neutral

  $neutral

Data

• 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

Actions

• Primary

  $primary_action

Active

• Active Light

  $active_light

• Active Dark

  $active_dark

Border

• Border Light

  $border_light

• Border Dark

  $border_dark

Shadow

• Shadow

  $shadow

Product Colors

• Windows

  $windows

• Siding

  $siding

• Doors

  $doors

• Solar

  $solar

• Roofing

  $roofing

• Gutters

  $gutters

• Attic Insulation

  $insulation

Category Colors

• 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

Max Width Options

Number Spacing

Number Spacing Options

Positioning

Positioning Options

Spacing

Spacing Options

Spacing Props in Kits

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"