Верстка \ Препроцессоры css

Sass комментарии: возможности, о которых вы не знали

От автора: в этой главе мы рассмотрим Sass комментарии. Они представляют собой размещенные в исходном коде неисполняемые операторы и делают исходный код более понятным. SASS поддерживает два типа комментариев.

Продолжить чтение

Верстка \ Препроцессоры css

Sass — вложенность селекторов

От автора: Sass вложенность комбинирует разные логические структуры. С помощью Sass можно комбинировать множество CSS правил одно в другом. Если вы используете множество селекторов, то вы можете поместить один селектор в другой, чтобы создать составной селектор.

Продолжить чтение

Верстка \ Препроцессоры css

Стили Sass — преимущества и недостатки

От автора: Sass – это препроцессор CSS, с помощью которого можно снизить количество повторяющегося CSS кода и сэкономить время. Это более стабильное расширение CSS, четко и структурно описывающее стили документа.

Продолжить чтение

Верстка \ Препроцессоры css

Основы препроцессора Sass: переменные, миксины, операторы, импорт, вложенность, наследование

От автора: CSS сам по себе веселый, однако стили становятся все больше, сложнее и труднее в обслуживании. Здесь может помочь препроцессор. Sass позволяет использовать функции, которых пока что нет в CSS. Например, переменные, вложенность, миксины, наследование и другие хорошие функции, которые оживляют CSS.

Продолжить чтение

Верстка \ Препроцессоры css

Проблема с препроцессингом пользовательских CSS-свойств

От автора: в CSS появились пользовательские свойства. Последнее время мы о них часто писали. Поддержка в браузерах хорошая, но ее нет и не будет в старых браузерах типа IE. Я так и вижу, насколько хорош будет «будущий CSS», если позволить препроцессорам портировать его на CSS, совместимый со старыми браузерами. Babel для CSS! Почему нет?!

Продолжить чтение

Верстка \ Препроцессоры css

Из Sass в PostCSS

От автора: я работал с Sass на протяжении многих лет. Но сейчас я хочу поменять способ написания стилей с помощью PostCSS и плагина cssnext. Мне нравится идея, что уже сегодня можно писать CSS синтаксисом будущего и использовать инструменты, подходящие под те, к которым я привык. Мой личный сайт идеально подходит для тестирования новых функций.

Продолжить чтение