functions.scss

These are functions that can be used in your SCSS to adjust styles.

rem(px value)

This function can be used to convert px values to rem values.

font-size: rem(16)
width: rem(1440)

shade(color, percent)

This function mixes the given color with #000 (black) based on the percent provided.

color: shade(dodgerblue, .25)

tint(color, percent)

This function mixes the given color with #FFF (white) based on the percent provided.

color: tint(dodgerblue, .25)