CODEWITHSUNDEEP
csssassmedia-queries
Sergino
Sergino

Reputation: 10818

How to combine media query in scss

I ried to put comma to combine media query but didnt work

@media all and (min-width: 600px) and (orientation: portrait),
@media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) {}

any ideas how to do that in scss?

Upvotes: 1

Views: 629

Answers (1)

Hugo Silva
Hugo Silva

Reputation: 6938

get rid of @media on the second line:

@media all and (min-width: 600px) and (orientation: portrait),
all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) {}

That has nothing to do with SCSS by the way. It is how you declare media queries in plain css too. Here is some documentation, refer to comma-separated lists - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Upvotes: 2

Related Questions