2. --Css Framework
--Uses SCSS (an improved version of the CSS3 syntax and is more
recent and used than SASS)
--Has a librery of cross-browsers mixins, functions,
layouts, resets, etc.
--Runs with Ruby on the computer
--When saving the SCSS file, automaticaly converts it in
a CSS file
--In case of errors, compass write where it is above your
webpage.
--If CSS is updated, Compass will compile in the new
CSS version.
6. Install:
1. Install Ruby (http://www.ruby-lang.org/en/downloads/)
2. Set up the ruby environment in your terminal:
--gem update --system
3. Install compass in your terminal:
--gem install compass
--compass create <myproject>
4. Follow the instructions in the terminal
Website : http://compass-style.org/
7. --Css Framework
--Uses LESS
--Runs with Node.js on the computer
--When saving the LESS file, automaticaly converts it in
a CSS file
--In case of errors, the compiler will stop, you have to
find where the error comes from yourself.
9. --Nesting --Use the css of another class
#header {
color: black;
.navigation {
font-size: 12px;
}
.logo {
width: 300px;
}
}
.animal {
background-color: black;
color: white;
}
.bear {
&:extend(.animal);
background-color: brown;
}
10. Install:
1. Install Node.js (https://nodejs.org/en/download/)
2. Install LESS in your terminal:
npm install -g less
3. To invoke the compiler and save the CSS in a file
of your choice:
lessc styles.less styles.css
Website : http://lesscss.org