SASS: Оптимизируем media screen

Скрипты и советы | 2 апреля 2018 2 649

Уроки CSS на Хабрахабре, habrahabr.ru, Компиляторы

Приветствую!

Примерно месяц назад я написал статью, в которой выдвинул идею об оптимизации @media screen. Идея заключается в том, чтобы иметь возможность писать значения для всех экранов в одну строку. Более подробно можете почитать по ссылке. Большинство комментариев — это критика относительно реализации, к сожалению идей никто не подкинул. Но если посмотреть с другой стороны, из каждой критики можно вытащить идею, поэтому опираясь на мнение читателей, я поставил себе цель написать миксин, который:

легко читается (максимально повторяющий синтаксис sass/scss/css);

легко поддерживать (чтобы через год ты понимал, что там написано);

гибкий (поддержка максимального количества описаний @media);

Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать дальше →
[Из песочницы] Адаптивная верстка с помощью SCSS и Gulp

Доброго времени суток, коллеги! Давно задавался вопросом, как оптимизировать и сделать более удобным код используя...

Подробнее
Как подключить препроцессор SASS/SCSS к Django

"Тачка на прокачку" уже давно не выходит. А вот "Django на прокачку" снова продолжает вас радовать. В сегодняшнем...

Подробнее
Sass: разрабатываем дизайн-систему

Привет, друзья! В данной статье мы разработаем простую, но относительно полноценную дизайн-систему для веб-приложения...

Подробнее
Заметка о вариантах организации Sass/SCSS в Angular приложении

Как структурировать sass/scss файлы в проекте Angular? Однажды задавшись этим вопросом, нашел несколько вариантов....

Подробнее
13 вопросов, которые стоит задать себе, прежде чем опубликовать пост в блог

Какова основная цель написания этого поста? сделал ли я ее очевидной? На какие действия я хочу подтолкнуть своих...

Подробнее
6 хороших практик по HTML и CSS

Можно легко найти хорошие практики по любой технологии, но, к сожалению, по HTML и CSS это сделать не так просто....

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями