Как изменить полосу прокрутки с помощью SASS/SCSS

14.06.2018

Полоса прокрутки (скроллбар) – это один из тех компонентов пользовательского интерфейса, который встречается почти на каждой веб странице в сети, но несмотря на это, у нас (разработчиков) слишком мало контроля над этим элементом UI. Некоорые браузеры позволяют изменить внешний вид полосы прокрутки, но большинство браузеров, включая Firefox, не дают такой возможности. Тем не менее, Chrome и Internet Explorer (да) позволяют добавлять пользовательские стили для скроллбаров, но синтаксис ужасно сложен и,…

читать

SASS для Начинающих: Миксины, Наследование, Операторы

18.08.2017

Предыдущий урок: SASS для Начинающих: Вложенные стили, Фрагменты, Импорт 01. SASS Миксины — Создание многоразовых CSS правил SASS миксины позволяют создавать многоразовые CSS правила, чтобы избежать повторений в коде. Это одна из самых мощных функций SASS. В CSS3 нам приходится писать слишком много префиксов, чтобы проект выглядел отлично во всех браузерах. SASS миксины позволяют создавать группы CSS деклараций, которые можно использовать многократно по всему сайту. 

читать

SASS для Начинающих: Вложенные стили, Фрагменты, Импорт

01.08.2017

Предыдущий урок: SASS для Начинающих: SASS Переменные 01. Вложенные стили SASS Вложенные стили SASS — это еще одна отличная функция, которая позволяет писать CSS правила и вкладывать их друг в друга. Вложение позволяет писать CSS в той же структуре, что и HTML, создавая визуальную иерархию в селекторах. Например, вот обычный CSS код: nav a{ text-decoration:none; } А с помощью SASS можно создавать нечто подобное: nav{ a{ text-decoration:none; } } Давайте добавим…

читать

SASS для Начинающих: SASS Переменные

28.07.2017

Предыдущий урок: Препроцессор SASS для Начинающих: Скачивание и Установка SASS переменные очень полезны в больших проектах. Вы можете задать значение и использовать его множество раз, и при изменении переменной, значение будет автоматически меняться в местах, где она была использована. Если вы уже знакомы с каким-нибудь языком программирования, то наверняка уже знаете, что такое перменная и принцип её работы. Предположим, что вы работаете над веб-сайтом, и ваш клиент говорит вам, что хочет,…

читать

SASS для Начинающих: Скачивание и Установка

27.07.2017

Следующий урок: Препроцессор SASS для Начинающих: SASS Переменные Эта серия туториалов по SASS предназначена для начинающих и опытных разработчиков. Это первая часть обучающих статей, в которой вы узнаете: 1. Что такое SASS? 2. Для чего он нужен? 3. Как его использовать? Что такое SASS? SASS (Syntactically Awesome Style Sheets) — один из самых популярных CSS препроцессоров. Он представляет собой набор функций для CSS, которые позволяют кодить быстрее и эффективнее. SASS поддерживает интеграцию…

читать