Coffeekraken.io 0.0.1

Generate mixins

This are all the mixins that you can use to generate classes to use inside your HTML codebase

Mixins

g-generate-custom-class

Generate a custom class for all the states

Name Type Description Status Default
$pattern { List } The name pattern of the class required
$statesNames { List } The states names to generate. If null or all, will generate the class for all registered states optional null

Example

    @include g-generate-custom-class(('my','-','cool','-','class','-','%state')) {
    color: pink;
    padding: g-get-state-var(gutter-left);
}

Author : Olivier Bossel olivier.bossel@gmail.com

g-generate-classes

Name Type Description Status Default
$states { String , List } The states to generate the classes for optional all
$package { String , List } The packages to generate the classes for optional all
$scope { String } A classname to scope the classes in optional null

Example

    // generate all the classes
@include g-generate-classes();
// generate only certain states
@include g-generate-classes(mobile tablet);
// generate only the helpers for all the states
@include g-generate-classes(all, helpers);

Author : Olivier Bossel olivier.bossel@gmail.com