The world of front end web development has been steadily increasing its uptake of what we call "CSS Preprocessors", which extend the functionality of regular CSS. Arguably the two most well known, with the greatest user base, are LESS and SASS/SCSS . However there is a third preprocessor that hasn't received quite as much attention, and that's Stylus . Today we'll be discussing why Stylus is awesome, why I choose it, and why it might just become your new CSS hero. Why LESS and SASS Are Awesome Before we get into the specifics of how Stylus works, I'm going to start with my own take on the predominant strengths of LESS and SASS / SCSS, and why I choose neither even though they both rock. All Three Rock Each of the three preprocessors include the use of variables, mixins, nesting and extending, along with varying degrees of logical operations and functions. So all three are the same, in that they let you abstract key design elements, use logic and write less code, which makes all of them able to give you great gains over raw CSS when used well.
↧