CSS JavaScript
Switch branches/tags
Nothing to show
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