ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучше

Использовать, наверное, придется, но это далеко не самая необходимая вещь, имхо.
Переменные - есть в css.
В один файл можно импортнуть другие.
Изменять цвет "текста", "бг" можно фильтрами.

Вложенность - вот чего не хватает css.
За видео спасибо!

Зачем мне в одном файле все стили если пользователь может даже не дойти. А кэширование разве отменили?!

Клиент захотел поменять тональность. Пусть гахуй идёт этот клиент

зеленый делали. знаем. ага

не ну это понятно

так так

здаров, лысая башка

Спасибо, очень интересно и полезно.

четко быстро и по теме

Т

пздц, аж стыдно что смотрю чела который работает на зарплату, хоть и в IBM, чьи акции держу..

Спасибо за обьяснение!:)

В 2к19 рассказывать о переменных препроцессорных как о преимуществе перед css??) Это прикол?)

Много лишних движений, мало примеров

Привет, подскажите кто знает может, как в VS Code на sass сделать что бы например после background: url(" ") выскакивала типа подсказка пути к файлам, а не самому вручную писать этот путь. На CSS и SCSS такая подсказка появляется...

Мне кажется или на 3 минуте видео опечатки. Вместо @include должен быть @import в примере. Заранее прошу простить, тк только начала изучение препроцессоров.

good

очень подробно и понят, спасибо за видео!

Мужик, нужен твой грамотный ответ. Верстаю сайт, дошёл до адаптива. Решил прописывать @media в каждом scss файле, т.к. стили секций разбил всё по папкам. Но вот проблема. Gulp SCSS не складывает @media. У меня в файле css получается

@media screen and (max-width: 768px) {
.main { }
.main__title-box::before,
.main__title-box::after { }
.main__title { }
}

@media screen and (max-width: 768px) {
.header { }
.header__items { }
.header__phone { }
}
Есть ли вариант сделать так:

@media screen and (max-width: 768px) {
.main { }
.main__title-box::before,
.main__title-box::after { }
.main__title { }

.header { }
.header__items { }
.header__phone { }
}