Итак, господа. Решил заняться оптимизаций процесса разработки, и начал с одного из самых узких мест - написания медиазапросов.
Очевидно, что писать их полностью руками крайне неоптимально, поэтому сейчас поступаю так. Беру весь основной файл scss, допустим
.test{
width: 100px;
height: 100px;
...
}
и переношу его в файл, допустим 768.scss, закомментировав свойства, но сохранив структуру.
@media (max-width: 767px) {
.test{
// width: 100px;
// height: 100px;
...
}
}
Затем просто раскоментирую нужные мне свойства, и изменяю их.
Это быстрей написания вручную, но всё же выглядит не очень элегантно.
Какие варианты можете посоветовать ещё? Использование возможностей препроцессоров приветствуется.
Простой
