Difference between revisions of "SCSS"
From Dreamwidth Notes
(newer versions) |
|||
| Line 3: | Line 3: | ||
== Installing compass == | == Installing compass == | ||
| − | Foundation 5. | + | Foundation 5.5.3 (currently in dw-free as of Dec 2019) is not compatible with newer versions of SASS/compass, so we'll need to use an older version. Make sure Ruby is installed and then install using gem: |
(if you had older versions): | (if you had older versions): | ||
| Line 9: | Line 9: | ||
gem uninstall sass | gem uninstall sass | ||
| − | gem install sass --version 3. | + | gem install sass --version 3.4.25 |
| − | gem install compass --version 0. | + | gem install compass --version 1.0.3 |
| − | + | ||
== Compiling == | == Compiling == | ||
Latest revision as of 02:54, 2 May 2020
SCSS is a version of SASS very similar to CSS, with some extra advantages. We are using compass as a compiler and using the SCSS version of Foundation.
Installing compass
Foundation 5.5.3 (currently in dw-free as of Dec 2019) is not compatible with newer versions of SASS/compass, so we'll need to use an older version. Make sure Ruby is installed and then install using gem:
(if you had older versions): gem uninstall compass gem uninstall sass
gem install sass --version 3.4.25 gem install compass --version 1.0.3
Compiling
To compile SCSS to CSS, cd to the directory ($LJHOME or $LJHOME/ext/dw-nonfree depending on what you are working on) and run:
compass compile
To continually compile any time you save a SCSS file and make changes, do the same but use this instead:
compass watch
