.create-responsive-classes-from(@detached-ruleset) {
    @detached-ruleset();
    @media only screen and (min-width: 30em) {
        -ns {
            @detached-ruleset();
        }
    }
    @media only screen and (min-width: 30em) and (max-width: 60em) {
        -m {
            @detached-ruleset();
        }
    }
    @media only screen and (min-width: 60em) {
        -l {
            @detached-ruleset();
        }
    }
}