@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

Here is the solution:

/* Everything 700px and lower */
@import url("./700.css") only screen and (max-width: 700px);