SassError: Media query must precede style rules

Media query must precede style rules

Hibaüzenet

SassError: Media query must precede style rules

Hibás kód

.box { color: red; }
@media (max-width: 600px) { .box { color: blue; } }

Javított kód

@media (max-width: 600px) { .box { color: blue; } }
.box { color: red; }

Magyarázat

Media query must precede style rules hiba akkor jelentkezik SCSS-ben, amikor egy @media direktívát nem a fájl vagy blokkok elején helyezel el, hanem style szabályok után. A Sass parser így nem találja a helyét. A megoldás, hogy a @media blokkot a fájl tetején vagy a megfelelő blokk elején használd, mielőtt az alapértelmezett szabályok jönnének.

További információ: Sass @media