.less – Best CSS wayAn Introduction to less CSS framework By Jaydev Gajera
WHAT is CSS? Are you joking?We all know that Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. i.e. HTML
What is less ? less is a dynamic stylesheet language. Less is available at lesscss.org It can be applied by Variables Mixins Nested Rules Functions & Operations
VariablesVariables allow you to specify widely used values in a single place, and thenre-use them throughout the style sheet, making global changes as easy aschanging one line of code.
MixinsMixins allow you to embed all the properties of a class into another class bysimply including the class name as one of its properties. It’s just like variables, butfor whole classes. Mixins can also behave like functions, and take arguments, asseen in the example below.
Nested RulesRather than constructing long selector names to specify inheritance, in Less you cansimply nest selectors inside other selectors. This makes inheritance clear and stylesheets shorter.
Functions & OperationsOperations let you add, subtract, divide and multiply property values and colors,giving you the power to create complex relationships between properties.Operations should only be performed within parentheses in order to ensurecompatibility with CSS.
Question : How to use with with windows?Answer : Use Winless. Available at winless.orgWinless WinLess is a Windows GUI LESS compiler. WinLess is a must-have for the webdeveloper who uses WindowsUsage When you add a folder to WinLess (either via Add folder or by dropping it on the folder pane), WinLess will start watching the LESS files in it. WinLess will automatically recompile a less file when it is changed. If you have a folder called less and a folder called css on the same level, add the parent folder. WinLess will then automatically use the css folder as output folder.