postcss-alias-atrules

PostCSS plugin that creates aliases for at-rules

Usage no npm install needed!

<script type="module">
  import postcssAliasAtrules from 'https://cdn.skypack.dev/postcss-alias-atrules';
</script>

README

PostCSS Alias Atrules Build Status

PostCSS plugin that creates aliases for at-rules.

@b nav { /* b is for block */
    @e item { /* e is for element */
        display: inline-block;
    }
    @m placement_header {
        background-color: red;
    }
}
@component nav { /* b is for block */
    @descedent item { /* e is for element */
        display: inline-block;
    }
    @modificator placement_header {
        background-color: red;
    }
}

Usage

postcss([ require('postcss-alias-atrules'){
    rules: {
            b: 'component',
            e: 'descedent',
            m: 'modificator'
        }
    } ])

See PostCSS docs for examples for your environment.