Juice Mixins

Juice Mixins

http://kylebrumm.com/juice/

Juice is a collection of Sass mixins/functions that are used to minimize the work needed to apply styling/properties to elements. Juice is not just a collection to help with cross browser support, so it is best paired with autoprefixer, for the best possible browser compatibility. You can enable prefixing for the mixin if you would like by setting the $browser-prefixes variable to true

Installation

$ git clone git@github.com:kjbrum/juice.git

Using the File

Just import the "_juice.scss" file into your main scss file.

// In the SCSS file

// Enabling browser prefixing
$browser-prefixes: true !default;

// Import the dist file
@import "juice";

Using Juice Breakpoints

.classname{
@include bp(medium){ preset medium value}
@include bp(480px, 1024px){ between these two values}

}

---