About Features Downloads Getting Started Documentation Events Support GitHub

Love VuFind®? Consider becoming a financial supporter. Your support helps build a better VuFind®!

Site Tools


Warning: This page has not been updated in over over a year and may be outdated or deprecated.
development:architecture:less

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
development:architecture:less [2016/12/21 20:41] – [Command Line Compilation] crhallbergdevelopment:architecture:less [2017/08/02 16:07] – [Backup PHP Command Line Compiler] demiankatz
Line 2: Line 2:
  
 [[http://lesscss.org/features/|Less]] and [[http://sass-lang.com/|Sass]] are CSS "pre-processors": they include higher level functionality like variables, functions, and nesting on top of CSS and can then be compiled to CSS. [[http://lesscss.org/features/|Less]] and [[http://sass-lang.com/|Sass]] are CSS "pre-processors": they include higher level functionality like variables, functions, and nesting on top of CSS and can then be compiled to CSS.
 +
 +===== LESS vs. SASS =====
 +
 +As of this writing, all VuFind style development is done using LESS; SASS files are programmatically derived from the LESS files using the lessToSass [[development:grunt|grunt]] task. While LESS and SASS files should be functionally equivalent, the LESS files are more thoroughly tested and we apologize for any problems with SASS. Please feel free to contribute back to the project if you wish to improve our support of SASS.
  
 ===== Command Line Compilation ===== ===== Command Line Compilation =====
Line 58: Line 62:
  
 This will use the Less Parser to compile your LESS into CSS files in the regular CSS folder. These can then be used as regular CSS files, but more importantly, these will be used as fall-back in case of a LESS parser error. So compile regularly! This will use the Less Parser to compile your LESS into CSS files in the regular CSS folder. These can then be used as regular CSS files, but more importantly, these will be used as fall-back in case of a LESS parser error. So compile regularly!
 +
 +:!: Note that the "grunt less" task is the preferred means of compiling LESS files for VuFind, and the older PHP compiler may produce inconsistent results in some situations.
  
 LESS does not have to be set to active for this to work, as long as the files you want to compile are listed under "less" in theme.config.php. LESS does not have to be set to active for this to work, as long as the files you want to compile are listed under "less" in theme.config.php.
development/architecture/less.txt · Last modified: 2023/04/20 15:50 by demiankatz