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.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
development:architecture:less [2015/12/14 18:20] – ↷ Page moved and renamed from using_less to development:architecture:less demiankatz | development:architecture:less [2017/08/02 16:07] – [Backup PHP Command Line Compiler] demiankatz | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== LESS / SASS ====== |
+ | |||
+ | [[http:// | ||
+ | |||
+ | ===== 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: | ||
+ | |||
+ | ===== Command Line Compilation ===== | ||
+ | |||
+ | Both Less and Sass use [[development: | ||
+ | |||
+ | ===== 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' | ||
- | ===== Setup ===== | ||
Write permission needs to be given to a new folder for LESS to work: [theme]/ | Write permission needs to be given to a new folder for LESS to work: [theme]/ | ||
Line 47: | Line 58: | ||
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. | 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/ | php util/ | ||
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, | 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, | ||
+ | |||
+ | :!: 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 does not have to be set to active for this to work, as long as the files you want to compile are listed under " |
development/architecture/less.txt · Last modified: 2023/04/20 15:50 by demiankatz