Mixins

add-selector

Allows you to use a selector and insert content into it

Arguments	Description
selector	Selector name
value	Selector value
extends	Placeholders to extends

Exemple:

+add-selector('container', 'full'){
    width: 100%;
    background-color: white;
}

Return:

[_container~="full"] {
  width: 100%;
  background-color: white;
}

add-value

Allow you to put value inside a selector

Arguments	Description
value	Selector value
extends	Placeholders to extends

You need to set the current_selector value before.

Exemple:

+add-selector('container'){
    _.current_selector = 'container';

    width: 100%;
    background-color: white;

    +add-value('limited'){
        max-width: 1280px;
    }
}

Return:

[_container] {
  width: 100%;
  background-color: white;
}
[_container][_container~="limited"] {
  max-width: 1280px;
}

add-extends

Add a extends to created placeholders

Arguments	Description
name	Placeholders name

get-visible-color

Return the most contrasted theme color between light and dark for the given color

Arguments	Description
color	Color value

shadow-values

Add automatically the box-shadow with the given modifier and the shadow variables

Arguments	Description
modifier	Modifier value

webfont

Use the font face with the arguments

Arguments	Description
family	Font family name
file	File name see font-url
hack-chrome-windows	if use the hack for chrome
weight	Font weight