Custom SASS Mixins, with updated prefixes based on Can I Use .
Usage:
@include animation(name 5s linear 2s infinite alternate);
Usage:
@include appearance(none);
Usage:
@include arrow($direction, $width, $height, $color);
Usage:
@include backface-visibility(none);
Usage:
@include background-size($x $y);
Usage:
@include columns(2 50%);
Usage:
@include filter(blur(5px));
Usage:
@include flexbox;or@include inline-flex;
Usage:
@include font('Lato Bold', lato-bold, '7h48gd3bd', 300, italic);
Usage:
@include linear-gradient(#31B7D7, #EDAC7D);
Usage:
@include keyframes(name) {...}
Usage:
@include breakpoint(1024) {...}or@include screen('mobile'){...}
Usage:
@include placeholder {...}
Usage:
@include size(32);
Usage:
@include transform(rotate(45));or@include rotate(45);
Usage:
@include truncate(200px);
Usage:
@include user-select(none);
Usage:
@include vertical-align(50%);
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request!