Difference between revisions of "Juice Mixins"
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
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 | 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. | |||
<pre> | |||
// In the SCSS file | |||
// Enabling browser prefixing | |||
$browser-prefixes: true !default; | |||
// Import the dist file | |||
@import "juice"; | |||
</pre> | |||
---- | ---- | ||
==[[#Juice Mixins|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]== | ==[[#Juice Mixins|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]== | ||
Revision as of 13:09, 12 August 2016
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";