I have my issues with the nesting ability within Sass and how it is used in some cases. When I first started using Sass nesting I thought it was the best thing since sliced bread. Using it more and more and over time I started to notice that the code I was writing, through the use of nesting, was starting to become messy and complicated. Nesting is great and on the face of it, it looks like it’s time saving compared to writing normal CSS code. »
I love a good Sass mixin and there are some very nice mixins out there to use. One mixin for border radius though, I find is a bit blotted. Other mixins for border radius I’ve found are always split into five different mixins and you have to @include each one. So I written this little mixin to deal with all the values for border radius, including prefixes, all within one call. »
After my previous post for my border radius mixin I thought I would share my must commonly used mixins for projects. First Transition // Transition @mixin transition($time) { -webkit-transition: all $time ease-in-out; -moz-transition: all $time ease-in-out; -o-transition: all $time ease-in-out; transition: all $time ease-in-out; } Transform and Rotate aren’t mixins I commonly use a lot on their own but I use these together to create sashes to overlay images »