44 replies

can you defer a sass media query

I am trying to do what I saw KP do in his folder setup, however, my media query goes a head of my actual code. I have separated it and I have to use the @use on the top meaning when it imports the query for some reason haves to go on top in the css file.

@media (max-width: 650px) {
  header {
    background: blue;
    padding: 1rem;
    z-index: 100;
  }
}
header {
  background-color: rgb(19, 22, 26);
  position: fixed;
  width: 100%;
  top: 0;
}

@media (max-width: 650px) {
  header {
    background: blue;
    padding: 1rem;
    z-index: 100;
  }
}
header {
  background-color: rgb(19, 22, 26);
  position: fixed;
  width: 100%;
  top: 0;
}

Is there a way I can make it that the media query actually goes after this using partials in scss ?

can you defer a sass media query

Similar Threads