Errors when I have @ in my CSS

[furzeface]

Error:

postcss-property-lookup: /Users/.../styles/main.css:742:1: Unable to find property @todo in .todo::before

or

postcss-property-lookup: /Users/.../styles/main.css:771:3: Unable to find property @support in .css-supports--grid::after

Is there a way round having @ symbols in my CSS?

I use them as follows in my CSS:

.todo::before {
  content: '@todo: ';
}

and

@supports (display: grid) {
  .grid-layout--a {
    display: -ms-grid;
    display: grid;
   }
}

For example.

Thanks.

[cema-sp]

If you don't use postcss-property-lookup features, you may disable it passing following options to precss: { lookup: { disable: true } }

[furzeface]

Oh great, thanks - I'll give that a go ASAP.