Tiny SASS mixins tutorial

gistfile1.txt

/* Inheritance */

@mixin background-blue($color: blue) {
    background-color: $color!important;
}

@mixin super-background($height: '300px', $color: white) {
    height: $height;
    @include background-blue($color);
}

body {
    &.red {
        @include background-blue(red);
    }
    &.blue {
        @include background-blue;
    }

    &.yellow {
        @include super-background($color: yellow);
    }
}