Join Joe Marini for an in-depth discussion in this video Using LESS on the client, part of CSS with LESS and Sass.
- View Offline
Now that we've had a quick tour of using LESS and Sass, we'll get down into the nitty-gritty of using each one,…and in this chapter, we're going to focus on the basics of using LESS.…And I'm going to focus on using LESS on the client side.…LESS can be used on both the client and the server.…Now, using LESS on the server involves setting up node.js, and a whole bunch of other work,…which is beyond the scope of this title to cover, so I'm going to focus on using LESS…on the client side.…So let me go ahead and, in the Exercise Files,…I'm going to open up LESS_SampleDoc.html.…
The first section focuses on LESS (Leaner CSS) and how it can be used on both the client and the server. The lessons show how to work with variables, mixins, nested rules, and other features to easily create maintainable CSS.
The second section introduces Sass (Syntactically awesome stylesheets), which contains many of the same features as LESS, along with a few new ones. Joe also compares and contrasts the two tools, and explains how your platform and needs may influence which tool you choose.
- What are LESS and Sass?
- Using variables in your CSS
- Working with reusable and parameterized mixins
- Implementing nested rules
- Combining CSS rules with operations
- Using the built-in functions in LESS and Sass
- Controlling the CSS output formatting
- Importing external files