Difference between revisions of "Juice Mixins"
Jump to navigation
Jump to search
| Line 25: | Line 25: | ||
@include bp(480px, 1024px){ between these two values} | @include bp(480px, 1024px){ between these two values} | ||
---- | |||
==[[#Juice Mixins|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]== | ==[[#Juice Mixins|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]== | ||
Revision as of 16:56, 3 March 2017
Juice Mixins
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}