LESS Preprocessor

Informacintomadade:http://lesscss.org/
Latestversionatthemomentofwriting:1.7.4

LessisaCSSpreprocessor,meaningthatitextendstheCSSlanguage,addingfeaturesthat
allowvariables,mixins,functionsandmanyothertechniquesthatallowyoutomakeCSSthatis
moremaintainable,themableandextendable.LessrunsinsideNode,inthebrowserandinside
Rhino.Therearealsomany3rdpartytoolsthatallowyoutocompileyourfilesandwatchfor
changes.AsanextensiontoCSS,LessisnotonlybackwardscompatiblewithCSS,butthe
extrafeaturesitaddsuseexistingCSSsyntax.ThismakeslearningLessabreeze,andifin
doubt,letsyoufallbacktovanillaCSS.

CSSpreprocessorstakecodewritteninthepreprocessedlanguageandthenconvertthatcode
intothesameoldcsswevebeenwritingforyears.
Features of LESS
Variables
Mixins
Nestedrules
Mediaquerybubblingandnestedmediaqueries
Operations
Functions
Namespaces&Accessors
Scope
Comments
Importing

Variables

DocumentocreadoporFranciscoQuintero

Mixins
Mixinsareawayofincluding("mixingin")abunchofpropertiesfromonerulesetintoanother
ruleset.

Operations
Anynumber,colororvariablecanbeoperatedon.

DocumentocreadoporFranciscoQuintero
Functions
Lessprovidesavarietyoffunctionswhichtransformcolors,manipulatestringsanddomaths.

Possible Issues using a CSS Preprocessor

ThoughtbyAmberWeinbergonherarticleaboutpossibleissuesusingaCSSpreprocessor
Someofthefeatures,likemixinsandoperatorsactuallymadethecodealotmoreconvoluted
anjumbled,andseemedtotakealotmorecodethanifyouwerejusttotypeitoutcorrectlyin
thefirstplace.IalsodontseethepointofoperatorsCSSisntaprogramminglanguageand
youcantdynamicallyupdatestylessowhynotjusttypeinthecorrectnumberinthefirstplace?

Referencias
http://www.vanseodesign.com/css/csspreprocessors/
http://www.amberweinberg.com/januarys12412researchinglesssass/
http://lesscss.org/features/

DocumentocreadoporFranciscoQuintero