Differences

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

--- development:architecture:less [2015/12/14 18:20] – ↷ Page moved and renamed from using_less to development:architecture:less demiankatz
+++ development:architecture:less [2016/12/21 20:41] – [Command Line Compilation] crhallberg
@@ Line 1: / Line 1: @@
-====== Using LESS ======
+====== LESS / SASS ======
+[[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.
+===== Command Line Compilation =====
+Both Less and Sass use [[development:grunt|grunt]] for compilation. They both compile to css/compiled.css.
+===== Active Compilation =====
+Active compilation can be used to automatically compile from Less to CSS when a page loads. This is very useful for development.
-VuFind's bootstrap3 and bootprint3 themes use LESS to compile CSS styles. LESS offers some advantages over pure CSS, since it offers some advanced time-saving features. However, because it has to be compiled to be used, it also adds some extra steps for the developer. This page offers some useful background information and notes on VuFind's use of LESS.
-===== Setup =====
 Write permission needs to be given to a new folder for LESS to work: [theme]/css/less/
@@ Line 47: / Line 54: @@
 Make sure you have a compiled.less in your theme, as the LESS compiler was not keen on pulling from parent themes. Also, doing so will prevent mulitple Bootstrap instances from being compiled into your final CSS.
-===== LESS Command Line Compiler =====
+===== Backup PHP Command Line Compiler =====
   php util/cssBuilder.php