Базовые плюсы верстки с SASS + Compass

Несколько месяцев вместо классической разметки CSS, перешел на использование SASS.

Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.

В первую очередь отличие от классической разметки CSS является то, что не нужно дублировать классы, так как можно использовать вложения

sass разметка

В примере видно, что не нужно писать отдельно параметр для ссылки и для ховер ссылки, достаточно дописать параметр &:hover и после компиляции автоматически все сгенерируется в css файле.

compass

Преимуществ у данного метода очень много, их лучше все почитать на официальном сайте. Мне очень понравилось то, что когда работаешь с крупным проектом и количество различных css файлов более 5 для удобства, после все автоматически генерируется и чистится от комментариев, и собирается соответственно в один файл.
Отдельным плюсом является то, что есть огромный набор функций, которые вы можете самостоятельно писать — миксины. К примеру генерация автоматическая спрайтов, когда все иконки используемые на сайте автоматически будут собираться в единый файл и в автоматическом режиме устанавливаться координаты на них.

2014   compass   css   sass   верстка
Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное