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

HTML-coder — Mon, 02 Apr 2018 19:21:46 GMT

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

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

легко читается (максимально повторяющий синтаксис sass/scss/css);
легко поддерживать (чтобы через год ты понимал, что там написано);
гибкий (поддержка максимального количества описаний @media);

Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать дальше →

Адаптивная верстка с помощью SCSS и Gulp

HTML-coder — Mon, 05 Mar 2018 09:02:07 GMT

Доброго времени суток, коллеги!

Давно задавался вопросом, как оптимизировать и сделать более удобным код используя @media screen. Ибо код

body{font-size: 1em;}
@media screen and (max-width: 1024px){
    body{font-size: 0.8em;}
}

создает достаточно крупные файлы. Читать дальше →

Статьи

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

Адаптивная верстка с помощью SCSS и Gulp