csscomb.js icon indicating copy to clipboard operation
csscomb.js copied to clipboard

Sort-order of @apply mixins

Open JosefJezek opened this issue 8 years ago • 2 comments

How to set config for ignore @apply mixins rule? I need leave the position of the rules. I have two use cases for using mixins on top and on bottom.

W3C Draft of CSS Mixins http://tabatkins.github.io/specs/css-apply-rule/

.Button--navigation {
        @apply(--layout-vertical);
        @apply(--layout-center-center);

        height: var(--header-toolbar-height);
        padding: 0;
}

After csscomb

.Button--navigation {
        height: var(--header-toolbar-height);
        padding: 0;

        @apply(--layout-vertical);
        @apply(--layout-center-center);
}

I am using CSS mixins with awesome Polymer Project https://www.polymer-project.org/1.0/docs/devguide/styling#custom-css-mixins

CSS mixins in Polymer 2.0 https://www.polymer-project.org/2.0/docs/upgrade#shadow-dom-styles

Before
@apply(--my-mixin);
After
@apply --my-mixin;

Please @tonyganch, @mishanga

JosefJezek avatar Feb 15 '17 18:02 JosefJezek

1,5 years later, still no news on this?

mdominguez avatar Nov 05 '18 10:11 mdominguez

It seems like it's abandoned.

celsomtrindade avatar Nov 05 '18 11:11 celsomtrindade