Simplify your life. Juice is a collection of SASS mixins/functions/placeholders 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 compatability.
- Sass Version 3.3
- Position (mixin)
- Single Side Border Radius (mixin)
- Triangle (mixin)
- Strip Units (function)
- Single Side Border Radius (mixin)
- Transforms (mixin)
- Breakpoints
- Single Side Border Radius
- Single Transform
- Box Emboss
- Letterpress
- Placeholder Color
- Sizing
- Hoverer
- Responsive
- Triangle
- Circle
- Square
- Position
- TRBL
- Clearfix
- Hide Text
- Centerer
- Vertical Centerer
- Coverer
- Center Block
- Tint
- Shade
- Strip Units
- Rem Calc
- Em Calc
- Random Color
- Reverse String
You can use either bower or just clone the github repo directly.
$ bower install juice
$ git clone [email protected]:kjbrum/juice.git
Just import the "_juice.scss" file into your main scss file:
@import "juice";
- Cut down on the code for triangle mixin (Use sass maps for "trbl" and translate direction, maybe direction and border direction also) (add in the option to make a border and triangle shape)
- Turn placeholders into argument-less mixins?
Copyright © 2014 Kyle Brumm. Juice is free to use on whatever and may be redistributed under the terms specified in the license.