Stylus Mixin Library

Stylus Mixin Library
Photo by Fotis Fotopoulos / Unsplash

Stylus Mixin Library is a simple, lightweight, yet powerful mixin library for Stylus.

Install using Git:

git clone https://github.com/brandonhimpfen/stylus-mixin-library

Features

Here are the main features of the Stylus Mixin Library:

  • Simple to add to your project and use in your project; and
  • Save tons of time and typing.

How-to Use

Add the following to your core file or file in which you want mixins to be added:

@import 'mixins/*'

Example of implementation can be found in test.styl.

Example Output

Input:

.clearfix
  clearfix()

Output:

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