Map values in clock-wise positions
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.gitignore
.travis.yml
README.md
_assert-directions.scss
bower.json
package-lock.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.