@import styles not working in a media query

Question

I am trying to import a style based off a media query but the import is not being triggered If i put styles directly in the media query they are rendered to the page.

<

Answer 1

MDN states that @import cannot be nested and must come before all other declarations except @charset.

The syntax is as follows:

@import url;
@import url list-of-media-queries;

https://developer.mozilla.org/en-US/docs/Web/CSS/@import