Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kjbrum/juice

Mixins for Life
https://github.com/kjbrum/juice

breakpoint-mixin css juice mixins sass sass-library sass-mixins scss scss-library scss-mixins

Last synced: about 1 month ago
JSON representation

Mixins for Life

Host: GitHub
URL: https://github.com/kjbrum/juice
Owner: kjbrum
License: mit
Created: 2014-11-18T20:23:47.000Z (almost 10 years ago)
Default Branch: master
Last Pushed: 2015-08-13T18:14:22.000Z (about 9 years ago)
Last Synced: 2024-06-02T22:50:02.956Z (3 months ago)
Topics: breakpoint-mixin, css, juice, mixins, sass, sass-library, sass-mixins, scss, scss-library, scss-mixins
Language: CSS
Homepage: http://kylebrumm.com/juice
Size: 1.07 MB
Stars: 274
Watchers: 14
Forks: 40
Open Issues: 4
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

![Bower Version](http://img.shields.io/badge/bower-1.0.1-56d7c6.svg?style=flat-square)

# Juice - Mixins for Life

Simplify your life. 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.

## Documentation

http://kylebrumm.com/juice

## Requirements:

+ Sass Version 3.3

## Features:

#### Mixins

+ Breakpoints
+ Show/Hide Element
+ Single Side Border Radius
+ Single Transform
+ Box Emboss
+ Letterpress
+ Placeholder Color
+ Sizing
+ Hoverer
+ Responsive
+ Triangle
+ Circle
+ Square
+ Position
+ TRBL
+ Image Preload
+ Juice Prefixer

#### Helpers

+ Clearfix
+ Hide Text
+ Centerer
+ Vertical Centerer
+ Coverer
+ Center Block
+ Clean

#### Functions

+ Tint
+ Shade
+ Strip Units
+ Rem Calc
+ Em Calc
+ Random Color
+ Reverse String

## Installation

You can use either bower or just clone the github repo directly.

#### Bower

```bash
$ bower install juice
```

#### Clone/Fork

```bash
$ git clone [email protected]:kjbrum/juice.git
```

## Using the file

Just import the "_juice.scss" file into your main scss file:
```bash
@import "juice";
```

## Compatibility Issues / Conflicts:

##### Bourbon

+ Position (mixin)
+ Single Side Border Radius (mixin)
+ Triangle (mixin)
+ Strip Units (function)

##### Compass

+ Single Side Border Radius (mixin)
+ Transforms (mixin)

## Changelog:

##### 1.0.1:

+ Fix box-emboss with prefixes issue

##### 1.0.0:

+ __Placeholders have been turned into argument-less mixins (helpers)__
+ New mixins - Image Preload, show/hide, juice prefixer, clean
+ Global option (variable) to add cross browser prefixes
+ Added a few extra breakpoint presets (mostly -only options)
+ Fixed the breakpoint mixin so that the more complex queries actually work now

## To-Do

+ Change the way mixins that take multiple values (trbl, size, etc..) are structured. (Make it so they don't require commas)

## License