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

Изучаем LESS в CSS: Введение

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

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

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

Sass — Директивы функций

От автора: в этой главе мы рассмотрим Директивы функций. В SASS вы можете создать собственную функцию и использовать ее в контексте скрипта или применить любое значение. Функции вызываются через имя функции с любыми параметрами.

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

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

Расширение возможностей Sass с помощью пользовательских функций

От автора: вы можете расширить функционал SASS, чтобы предоставить пользователям дополнительные возможности и настройки. Чтобы использовать эти функции, пользователь должен знать Ruby.

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

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

Sass — стили вывода

От автора: в этой главе мы рассмотрим стили вывода SASS. Файл CSS, который генерирует SASS, содержит стиль CSS по умолчанию, который отражает структуру документа. Стили CSS по умолчанию -—это хорошо, но они не подходят для всех ситуаций; в то же время, SASS поддерживает многие другие стили.

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

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

Sass — включение миксинов с помощью директивы @include

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

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

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

Sass Script — аргументы миксинов

От автора: значения Sass Script могут приниматься в качестве аргументов миксинов, которые передаются при включении миксина, они становятся доступными в миксине в качестве переменных. Аргумент — это имя переменной, которое добавляется через запятую при определении миксина. Существует два типа аргументов.

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

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

Sass — Функция if()

От автора: встроенная функция if(), возвращает только один результат из двух возможных, основываясь на заданном условии. Результат Sass функции можно связать с переменной, которую не нужно определять отдельно или использовать для дальнейших вычислений.

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