CSS JavaScript
Switch branches/tags
Nothing to show
Latest commit 3a20f22 Dec 13, 2015 @iamskok Update README.md
Permalink
Failed to load latest commit information.
stylesheets Improve mixin Jun 20, 2015
.gitignore Create gulp tasks, packaje.json, bower.json, sache.json, README.md Jun 13, 2015
README.md Update README.md Dec 13, 2015
bower.json
gulpfile.js Fix gulp watch task Jun 15, 2015
package.json Bump version to 0.2.0 Jun 17, 2015
sache.json

README.md

Sassy-border

Sassy-border is Sass shorthand mixin for border properties.

Have you ever caught yourself thinking about declaring border property in one shorthand, like we do with margin and padding? I did :trollface:

Documentation

Usage

@include border(1px, solid, red); // Apply to all four borders
@include border(5px 0, solid, green); // vertical | horizontal
@include border(2px 3px 5px, solid, blue);  // border-top | horizontal | border-bottom
@include border(2px 1em 0 25px, dotted, pink); // border-top | border-right | border-bottom | border-left

Installation

Git:

git clone git@github.com:skoks/sassy-border.git ./

Bower:

bower install sassy-border --save-dev