Selector :not with operators in SCSS

Viewed 36

I have a problem with node-sass 7.0.1. When use a pseudo class :not sass not compile and not show any error.

This is my code:

.wf-field--inline {
    & > *:not(label + *) {
        border-top-left-radius: 0 !important;
    }
}

Output:

.wf-field--inline > * ;

Any ideas? Thanks in advance.

1 Answers

You can start with just sass because node-sass is old news now.

Steps

npm install --save-dev sass or yarn add -D sass

And then in your package.json under scripts

"scripts": {
  "compile": "sass main.scss -w --no-source-map -q main.css"
}

Learn more about flags here

Related