CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
stylesheets
.gitignore
README.md
bower.json
gulpfile.js
package.json
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