By importing Solid as an SCSS partial you get access to all of Solid's SASS variables. Use these to keep your styles consistent whenever you write custom SCSS.
Used by the typography utility classes.
Text Sizes
$text-1
$text-2
$text-3
$text-4
$text-5
$text-6
Line Heights
$line-height-1
$line-height-2
$line-height-3
Font Styles
$sans
$slab
$regular
$bold
$xbold
Used by the color utility classes.
Fill Colors
$fill-red
$fill-red-lighter
$fill-pink
$fill-blue
$fill-yellow
$fill-yellow-lighter
$fill-green
$fill-green-lighter
$fill-orange
$fill-promoted-orange
$fill-gray-lighter
$fill-gray
$fill-gray-darker
$fill-white
Social Fill Colors
$fill-facebook
$fill-buzzfeed
$fill-twitter
$fill-google
$fill-linkedin
$fill-pinterest
$fill-tumblr
$fill-youtube
$fill-instagram
$fill-vine
$fill-snapchat
Text Colors
$text-white
$text-gray
$text-gray-lighter
$text-gray-lightest
$text-red
$text-pink
$text-orange
$text-promoted-orange
$text-green
$text-blue
Social Text Colors
$text-facebook
$text-twitter
$text-google
$text-linkedin
$text-pinterest
$text-tumblr
$text-youtube
$text-instagram
Used by the layout utility classes.
Spacing
$space-05
$space-1
$space-2
$space-3
$space-4
$space-5
$space-6
Z-Index
$z1
$z2
$z3
$z4
Used by the border utility classes.
$border
$border-lighter
$border-radius
Used by disabled buttons, forms, and pagination.
$opacity-disabled