RSS

Крепость/Fortress

Мультфильм-притча. Не смотря на то, что человечество погибло, война все равно продолжается. Ее ведут автоматизированные системы оставленные людьми. Но жизнь всегда найдет для себя лазейку. Гильза кассетного боеприпаса стала для травы крепостью.

SASS + Compass под Windows: установка, настройка, работа

Начав работать с SASS, столкнулся с ситуацией, когда непонятно с чего начать. Возможно это небольшое пошаговое руководство облегчит кому-то жизнь.

1. Для начала нужно установить Ruby

Берём инсталлер последней версии: https://rubyinstaller.org/downloads/
На этапе установки не забываем отметить пункт Add Ruby executables to your PATH

Add_Ruby_executables_to_your_PATH

2. Теперь нужно установить SASS + Compass

Для этого нужно открыть командную строку и последовательно выполнить следующие команды:

gem install sass
gem install compass

gem_install

3. SASS установлен, теперь нужно подготовить его для работы с проектом

Для этого в директории с нашим проектом необходимо выполнить команду:

compass init

Будет создан файл с конфигом для Compass и директории для файлов SASS и CSS.

compass_init

Теперь нужно отредактировать файл конфига config.rb, прописав там правильные пути к нашим папкам с SASS, CSS, JS и картинками.

Можно просто положить готовый файл конфига в корень проекта, тогда необходимость в использовании команды init исчезает.

4. Всё готово, можно работать.

В директории sass создаём файл/файлы с расширением .scss, в него пишем наш SCSS код.

Для того, чтобы Compass отслеживал изменения в этих файлах, и автоматически генерировал из них CSS, необходимо в корне проекта (там, где лежит файл с конфигом) выполнить команду:
compass watch
compass_watch

Появившееся консольное окно не закрываем до окончания работы с файлами SASS.

5. Profit!