pleeease icon indicating copy to clipboard operation
pleeease copied to clipboard

Nested .class++ isn't minified right

Open vincentaudebert opened this issue 9 years ago • 2 comments

Hi,

Just found a quite weird issue when dealing with some sass code like this:

.form__field\+\+ {
        ...

        @include smallish {
            .form__input,
            .form__select {
                display: inline-block;
                width: 60%;
            }
        }

        ...
}

It ends up generating something like this:

@media only screen and (min-width:480px){.form__field\+\+.form__input,.form__field\+\+.form__select{display:inline-block;width:60%}

As you can see this is breaking the CSS.

It should be

@media only screen and (min-width:480px){.form__field\+\+ .form__input,.form__field\+\+ .form__select{display:inline-block;width:60%}

But for some reasons the space after second escaped + is removed.

Any idea?

vincentaudebert avatar Nov 03 '16 04:11 vincentaudebert

This should be fixed in csswring now, npm update your modules, and let me know

iamvdo avatar Nov 03 '16 10:11 iamvdo

Hi @iamvdo thanks a lot. Any chance you would bump gulp-pleeease or pleeease to use the right versions too?

vincentaudebert avatar Nov 03 '16 21:11 vincentaudebert