Re: Proposal: @-rule for containing exclusive @media rules

|  3) This obviously doesn't help other consumers of media queries, like 
|  @import and <link>.  To address those we'd need to add more options for 
|  boolean operations to media queries (e.g. "or" and/or allowing "not" on 
|  individual expressions) and let authors deal with the resulting boolean 
|  logic hell.  My suggestion for doing @import sanely is to simply allow 
|  @import inside @media, for what it's worth.  I don't have a good 
|  suggestion for <link>

An idea to solve the case in more generality:

    @switch media {
        (min-width: 1000px) {
            ...
        }
        (min-width: 480px) {
            ...
        }
        all {
            ...
        }
    }
    
    @switch import {
        "desktop.css" (min-width: 1000px);
        "phone.css" (min-width: 480px);
        "small-phone.css" all;
    }