Рубрика: SASS
SASS – делаем эффект длинных теней для текста
Одним из трендов в дизайне современных веб-приложений является эффект длинной тени у объектов интерфейса и у текста. Сегодня мы создадим эффект длинной тени для текста используя возможности препроцессора SASS.
SCSS – @import, @mixin, @extend
Продолжаем рассматривать возможности SCSS. В этом посте сделаем обзор для SCSS @import, @mixin, @extend. Что это такое и как это использовать, будет изложено ниже и по-порядку 🙂
SCSS – синтаксис, вложенность и переменные
SCSS и SASS – это два препроцессора, которые имеют мощный функционал, но слегка разный синтаксис, во всех последующих постах мы будем рассматривать именно SCSS, т.к. его синтаксис максимально схож со стандартным CSS.
Подключаем SASS к проекту
После того как вы установили SASS, его необходимо подключить к вашему проекту, чтобы этот препроцессор отслеживал все изменения и компилировал конечный файл стиле.
Установка SASS
SASS – это препроцессор для языка CSS, который позволяет ввести в ваш код такие плюшки как: переменные, функции, миксы и много других вещей, которые изрядно облегчают жизнь. Код написанный на SASS(SCSS) намного легче сопровождать и корректировать, за счет его гибкости и синтаксиса SCSS, код становится легким к восприятию.