Skip to content
On this page

Stylus Mixins

colors

buntpapier exposes material design color variables with the $clr- prefix:

stylus
$clr-blue
$clr-red-700

$clr-success
$clr-warning
$clr-danger

# for light backgrounds
$clr-primary-text-light
$clr-secondary-text-light
$clr-disabled-text-light
$clr-dividers-light

# for dark backgrounds
$clr-primary-text-dark
$clr-secondary-text-dark
$clr-disabled-text-dark
$clr-dividers-dark

all color names here: https://www.materialui.co/colors

card

a card
stylus
.card-to-be
	card()

raised

a card
stylus
.card-to-be-raised
	card-raised()

shadows

shadowing!
stylus
.shadow-on-top
	parting-shadow-bottom()
.shadow-on-bottom
	parting-shadow-top()

separators

stylus
.separator-on-top
	border-top: border-separator()
.separator-on-top-in-the-dark
	border-top: border-separator-dark()

table

stylus
table()

Released under the MIT License.