Sass Mixin Library

Sass Mixin Library is a simple, lightweight, yet powerful mixin library for Sass. Save time, type less, and keep your code clean.

Get Started

Features

Supported Mixins

  • Background gradients
  • Background opacity
  • BEM naming methodology
  • Border / Border image / Border radius
  • Breakpoints for responsive design
  • Clearfix
  • Font face & font size (rem)
  • Height & width size
  • Margin & padding helpers
  • Text shadow
  • Vendor prefix helpers

How-to Use

Copy the _mixins.scss file and directory to your project, then add:

@import "mixins";

Example implementations can be found in test.scss.

Example Output

.clearfix {
    @include clearfix;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}