style-import v0.0.8

style-import

Common style patterns for SASS

install

npm install style-import

SCSS

Include link to file:

@import "~style-import/index.scss";

children

Adds styles to all children tags

.container {
    @include children {
        color: white;
        background-color: black;
    };
}

children-row-spacing

Adds spacing between children rows

.container {
    @include children-row-spacing(10px);
}

children-column-spacing

Adds spacing between children columns

.container {
    @include children-column-spacing(10px);
}

mobile

Adds styles when media query detect mobile

.container {
    font-size: 12px;

    // $max-width: optional value, default is 800px. 
    @include mobile($max-width) {
        font-size: 16px;
    }
}

tablet

Adds styles when media query detect tablet

.container {
    font-size: 12px;

    // $max-width: optional value, default is 1000px. 
    @include tablet($max-width) {
        font-size: 16px;
    }
}