@camradee

Как организовать импорт в sass файл при использовании mobile first?

Имеется основной файл стилей style.scss с примерно следующей структурой:

/* For mobile: */

/* For smartphones: */
@ media only screen and (min-width: 480px) {
}
/* For desktop and tablets sm: */
@ media only screen and (min-width: 768px) {
}
/* For desktop md */
@ media only screen and (min-width: 992px) {
}
/* For desktop lg */
@ media only screen and (min-width: 1200px){
}

При этом некоторые стили вынесены в отдельные файлы. Если бы не было media breakpoints , то делаем @ import "..." в начале основного файла стилей, но что если импортируемые стили тоже имеют @ media, как в этом случае правильно сделать импорт и организовать файлы? Конечно можно в импортируемых файлах оставить только мобильную версию и в основном файле переопределить в @ media что требуется. Но как то это не кажется хорошим вариантом.
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
от 65 000 до 90 000 руб.
Infotech Group Казань
от 30 000 до 50 000 руб.
ENTRPROM Москва
от 50 000 руб.
16 авг. 2018, в 20:57
2500 руб./за проект
16 авг. 2018, в 19:25
5000 руб./за проект
16 авг. 2018, в 17:28
25000 руб./за проект