Base

Variables

You can use these variables to customize these elements. Simply set these variables before importing Cherry.

Body

Variable	Default value	Computed value
`$body-background`	`#fff`
`$body-color`	`$text`	`hsl(0, 0%, 7%)`
`$body-font-family`	`$family-primary`	`Open Sans, sans-serif`
`$body-font-size`	`15px`
`$body-font-weight`	`400`
`$body-letter-spacing`	`0`
`$body-line-height`	`1.5em`
`$link-text-decoration`	`underline`
`$link-outline`	`none`
`$family-primary`	`Open Sans, sans-serif`
`$family-secondary`	`Open Sans, sans-serif`
`$family-code`	`monospace`
`$wrapper-width`	`1200px`
`$wrapper-padding`	`45px`

Spacing

Variable	Default value	Computed value
`$spacer`	`10px`
`$md`	`0.8`
`$sm`	`0.65`
`$sizes`	`0.5 1 1.5 2 3 4 5 6 7 8 9 10 11 12 13 14`

Miscellaneous

Variable	Default value	Computed value
`$border-color`	`#f5f5f5`
`$tooltip-bg`	`#532C6E`
`$under-color`	`$text`	`hsl(0, 0%, 7%)`
`$under-width`	`3px`