/html-template

html-template

Primary LanguageJavaScript

Html-template.

Для сборки Stylus и JavaScript используется gruntjs.com

Для работы требуется: Node.js.

Установка Grunt

sudo npm install -g grunt-cli

Перезапустите консоль.

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

npm install

Использование Grunt в проекте

  • Переходим в папку с проектом.
  • Выполняем команду grunt – запустится событие, которое будет отслеживать изменения в папке layout/assets/
  • JS и CSS скомпилируются в папку layout/media/

Генерация спрайтов. Использование.

  • PNG складываем в папку layout/media/images/sprite/
  • После компиляции появятся/обновятся layout/media/images/sprite.png и layout/assets/css/variables/sprite-mixins.styl
  • Пример использования: .class-name { s-filename() или s-filename(p) или s-filename(r)}