Map values in clock-wise positions
CSS JavaScript
Switch branches/tags
Nothing to show
Latest commit 78a95fc Feb 1, 2017 @nicolasmn committed on GitHub 📝 Link build badge to Travis CI
Permalink
Failed to load latest commit information.
test
.gitignore
.travis.yml
README.md
_assert-directions.scss
bower.json
package.json
sache.json

README.md

Assert Directions Build status

Map values in clock-wise positions like CSS does it. Quoting from MDN:

  • One single value applies to all four sides.
  • Two values apply first to top and bottom, the second one to left and right.
  • Three values apply first to top, second to left and right and third to bottom.
  • Four values apply to top, right, bottom and left in that order (clockwise).

Example:

$map: assert-directions(10px 20px);

// $map: (
//   top: 10px,
//   bottom: 10px,
//   right: 20px,
//   left: 20px
// )

Installation

Using Bower
bower install scss-assert-directions --save

Using NPM
npm install scss-assert-directions --save

Testing

Mocha and True are used for unit testing. Simply run npm test to test output of the function.