search

vuejs / vue-loader

📦 Webpack loader for Vue.js components
MIT License
4.99k stars 915 forks source link

Missing negation selector in css when transpiling from scss #1939

Closed Eseperio closed 2 years ago

Eseperio commented 2 years ago

The following css rule

.menu-column {
    .background {
        & ~ /deep/ {
               div:not(.block .modal) {
                   .btn {
                         border:10px solid green;
                         box-shadow: 0px 0px 4px black;
              }
        }
      }
    }
}

Should generate :

.menu-column .background[data-v-8236573c] ~ div:not(.block .modal) .btn {}

Generates this instead:

.menu-column .background[data-v-8236573c] ~ div .btn {}

:not is being ignored.

vue-bot commented 2 years ago

Hello, thank you for taking time filling this issue!

However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).

I hope to see your helper-created issue very soon!