Почему не работает @media?

Это SASS, так что всё нормально.

Если, конечно, человек вообще понимает, что он делает. И если у него вообще есть эти переменные. И если он не просто скопировал это всё и вставил в файл с CSS.

Рустам Байназаров, ну хз
предпроцессоры говенные

html-css, если бы они были плохими, ими бы никто не пользовался. Очень помогают в разработке при нормальном к ним подходе.

html-css, эй! Не гони на предпроцессоры, они реально помогают

Рустам Байназаров, так выход все ровно в чистый скомпилированный css

origami1024, помогают забывать как пишется чистый css

html-css, только вот кучу вещей на препроцессоре написать в несколько раз быстрее. Ну и не говоря уже о переменных, куче функций с цветами, импортами, миксинами, функциями по типу преобразования SVG-кода в base64, автоматизации кастомизации сборок (как у Bootstrap, например) и т. д.

Рустам Байназаров, да переменные $tablet-width: 660px;
$desktop-width: 960px; подтягиваются из файла, который подключен в style.scss через import

Рустам Байназаров, переменные и в css имеются
да и то, что сокращает вам писать на предпроцессоре не сравнится с практикумом в чистом css
тут дело опыта

VasECHKA, ну а как я должен был узнать об этом? Какой CSS компилируется в итоге?

html-css, эх… как вы не поймёте, что CSS-переменные — это другая вещь. Абсолютно другая. Это две взаимодополняющих технологии с разным функционалом.

А если человек не умеет писать CSS, то он его никогда нормально писать не будет. Что с препроцессором, что без него.

Более того, как вообще препроцессор влияет на знание CSS? Он не дополняет и не убавляет знания.

Рустам Байназаров, ну тогда пусть юкозит или тильдит себе сайт тогда)
нахрена заниматься этим, не вникая во все тонкости

html-css, все с чего-то начинали, будем же и мы более снисходительны.

Рустам Байназаров, кто же против
не выложа весь код, гадать на картах что там к чему?

…не выложа весь код, гадать на картах что там к чему?

html-css, ну, это же классика Toster'a :))

Рустам Байназаров, ну. да

html-css, и как же препроцессоры помогают забывать код? У scss синтаксис один и тот же, что и у css, переменные css и scss легко комбинируются, вместо написания кучи повторяющегося кода миксины, единственная разница вложенность селекторов по другому пишется. Если у кого-то руки из одного места растут это не значит, что инструмент говеный. Все равно, что молоток обозвать при ударе по пальцам.