display: none; @include phone { display: block; } in sass, is there a way to say for all media queries except phone set display to none ChatGPT In Sass, you can use the not operator along with the media query to specify a style for all media queries except a specific one (in your case, the "phone" media query). Here's how you can do it: scss Copy code // Default style for all media queries except "phone" @media not #{$phone-media-query} { display: none; } // Style for the "phone" media query @include phone { display: block; } In the above code: #{$phone-media-query} represents the "phone" media query. You would replace this with the actual media query definition for phones, such as @media (max-width: 768px). The not operator is used to apply the display: none; style to all media queries that do not match the "phone" media query. This way, it sets display: none; for all media queries except the one defined for phone...
Comments
Post a Comment