CSSReorder icon indicating copy to clipboard operation
CSSReorder copied to clipboard

Reorder properties inside an @at-root directive (Sass)

Open lvl-em opened this issue 11 years ago • 1 comments

I'm using CSSReorder in my .scss files, but it doesn't work when the Sass code is wrapped by an @at-root directive.

Eg:

.parent {
     @at-root {
         .child-1 {
             text-align: center;
             max-width: 960px;
             position: relative;
             margin:0 auto;
         }
     }

    @at-root .child-2 {
        text-align: center;
        max-width: 960px;
        position: relative;
        margin:0 auto;
    }
 }

lvl-em avatar Jan 09 '14 18:01 lvl-em

Same problem with @media directives ex.:

@media (orientation: portrait) {
    .node {
        properties...
    }
}

Simek avatar May 14 '14 09:05 Simek