miguelmota / sass-helpers

Sass helper mixins

Sass Helpers

Some Sass helper mixins I use

Install

Available via bower

bower install sass-helpers

Mixins

respond-to((mobile | tablet | desktop)) { @content }

@include repond-to(mobile) {
    color: #000;
}

vendor-prefix(property, value)

@include vendor-prefix(border-radius, 5px)

placeholder { @content }

@include placeholder {
    color: #000;
}

ellipsis(font-size, line-height, lines-to-show)

@include ellipsis(18px, 1.2, 3)

triangle(size, color, direction, trim, transparent)

@include triangle(24px, #000, up, false, false);

keyframes name { @content }

@include keyframes(color) {
    0% {
        color: #fff;
    }
    100% {
        color: #000;
    }
}

half(number)

.foo {
    width: half(32px); // 16px
}

Testing

compass watch

License

Released under the MIT License.