CSS-препроцесор SASS/SCSS (продовження) презентация

1) можливість вкладання стилів:

2) можливість посилатися на батьківський селектор:

3) використання змінних:

3) використання змінних:

4) математичні операції:

5) домішки:

6) домішки з параметрами:

7) можна оголошувати функції:

8) оператор if:

8) оператор for:

Використання:
скачати і встановити Ruby:
- інсталятор: http://rubyinstaller.org/downloads/

2) виконати у командному рядку:
gem install scss

3) використання з командного рядка:
а) для перетворення SCSS-Файла у CSS: б) для автоматичного перетворення SCSS-файла у CSS при збереженні змін:

4) використання у PHPStorm/WebStorm:
File -> Settings
Tools -> File Watchers