Error on css inspection using @support (bootstrapv4)

can't see any errors reported for @supports at-rules in node_modules\bootstrap\dist\css\bootstrap*.css files. .scss files are also parsed properly. Please can you provide a screenshot of the error?

Hello Elena,

Seems in my case it comes from:
vendor_bundled/vendor/twbs/bootstrap/dist/css/bootstrap.min.css.map

That is included to my scss theme/css file in Tiki Wiki.

All other tags are ok but this 4 that are @supports.

Thanks for your help

Bernard

there is no such at-rule in bootstrap... Similar rule in bootstrap .scss file is

.sticky-top {
   @supports (position: sticky) {
      position: sticky;
      top: 0;
      z-index: $zindex-sticky;
   }
}

that compiles to

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

your syntax doesn't seem to be valid afaik... it doesn't confirm to spec, and w3c css validator (https://jigsaw.w3.org/css-validator/#validate_by_input) reports errors on it

Thanks Elena !
I will look deeper into it.

However, is there a way in phpstorm to "acknowledge" an error so the code inspection doesn't report it anymore ?

Bernard

This is a syntax error; low-level checks made by parser can't be suppressed like inspections.

The only thing you can do here is turning error highlighting off for your .css file using Hector icon in the lower right corner: open this file in editor, click the Hector icon and then move the slider to change the Highlighting level to None.

See https://www.jetbrains.com/help/webstorm/changing-highlighting-level-for-the-current-file.html