Om Less
Less anvendels til dynamisk etablering / efterbehandling af CSS-filer. Less kan læse en '.CSS'- fil blot ved at ændre dens suffix til '.less'. En '.less'-fil ændres til en '.CSS'-fil ved kompilering.
Less-programmet er en javaScript-fil der kan downloades eller linkes til som CDN-fil. Både download og hentning af nyeste CDN-link kan foretages herfra: .
Fra 'lesscss.org' medleveres hverken funktionalitet til hverken editering eller kompilering af LESS-filer. De opgaver må derfor løses på anden vis:
- EditeringEditering af LESS-filer kan foretages med en hvilkensomhelst tekst editor. Den må dog gerne kunne validere LESS-syntaks.
- KompileringKompilering kan foretages med en række programmer såsom: SimpLESS, lessphp og Grunt.
- Editering og kompileringBåde editering og kompilering kan foretages med bl.a. de grafiske inderfaces Crunch og Winless. Crunch forudsætter at Adobe AIR er installeret. Winless er tæt knyttet til
Less indeholder et supersæt af CSS og bruger derudover bruger en række teknikker til at understøtte opbygningen af CSS-selektorer.
Variabler
Variabler anvendes, når noget kan defineres en gang, men bruges flere gange.
Variabler anvender '@' som prefix. F.eks: '@text-color: red;'. Navnet kan være en hvilkensomhelst tekst.
Indsættes således i opbygningen af en selektor: 'p{color: @text-color}'.
Dynamic CSS
Easy customization
reuse
power of variables
superset of css
Ændr 'style.css' til 'style.less' og du har en fil der kan anvendes i less
preprocessing på client side med javascript
In computer science, a preprocessor is a program that processes its input data to produce output that is used as input to another program. The output is said to be a preprocessed form of the input data, which is often used by some subsequent programs like compilers.
Installer først node.js fra nodejs.org derefter less
|