Мы все знаем и любим мультимедийные запросы CSS, они значительно облегчают нашу жизнь, когда мы создаем адаптивные веб-сайты. Теперь, во времена препроцессоров CSS, мы в основном используем переменные для наших медиа-запросов, чтобы синхронизировать их в нашем проекте: $small:”(max-width: 500px)”; $medium:”(min-width: 501px) and (max-width: 1200px)”; $xlarge:”(min-width: 1920px)”; .elem { background: red; // the default is large viewport @media #{$small}{ background: blue; }..