Short SASS
Just another SASS library to simplify the way you use SASS.
We're trying to create shorthand for many CSS properties, like @include absolute-top-left;
as position: absolute; top: 0; left: 0;
.
Beautiful? Let's get see how it's works!
Example
// Import normalize and resetter without think more. // Lets start with font-face generator. Really simple! // Forget about regular things. // With this one: // You don't need to write: - -} // A lot of use display, width and height? Try this. // With this one: // You don't need to write:} // What about positioning? Try this. // With this one: // You don't need to write - - - -} // More hard things? Let's try! // With these simple breath, the possibility to combine values: // You're freem from these things :P} // Or want to be free at anywhere? // It's default media // Let's drive to mobile }} // What about flex box? or grid which has same height in each row? Forget about prefix!} // Flex Grid. }} // With grid mixin above you're from this crazy stuff. :D - - - - - - - - - - - - - - - -} - - - - - - - - - -} // @2.0.0 new samples // Important block. We use important block to give !important value to all properties defined by mixins. } }
Download
You can choose the download option above, or use NPM
or Bower
bower install short-sass
npm install short-sass
Notes
We still working on documentation and trying to add more shorthand. Feel free to try this. ;)
Release History
- 2015-05-23 v2.1.1 "Fixing Important placeholder that causing nth() not rendered correctly."
- 2015-05-09 v2.1.0 "Adding touch-scroll and keyframe mixin."
- 2015-05-09 v2.0.0 "Adding important block (to support !important in mixins) and some property wrappers."
- 2015-03-10 v1.1.6 "Fixing issues"
- 2015-03-10 v1.1.5 "Fixing issues"
- 2015-03-03 v1.1.4 "Fixing issues"
- 2015-03-03 v1.1.3 "Fixing issues"
- 2015-03-02 v1.1.2 "Fixing set-display mixin"
- 2015-03-01 v1.1.1 "Fixing issues with length()."
- 2015-02-28 v1.1.0 "Added flex box helper."
- 2015-02-25 v1.0.0 "First release."