WebCompiler icon indicating copy to clipboard operation
WebCompiler copied to clipboard

Incompatible error when using calc(0.25rem - 0)

Open cryo75 opened this issue 3 years ago • 1 comments

Installed product versions

  • Visual Studio: 2022 Community
  • This extension: 1.14.8

Description

I'm using AdminLte as my base for styling.

I added a scss file in my project and the first line is: @use '../../wwwroot/AdminLte/dist/css/adminlte.css';

When I compile I get the error:

Error: 0.25rem and 0 are incompatible. ? 4884 � border-top-left-radius: calc(0.25rem - 0); � ^^^^^^^^^^^

For example in the following code:

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0);
}

Apart from removing - 0 (which I'd rather would not like to do), how can I solve this problem?

cryo75 avatar Jul 27 '22 00:07 cryo75

This would have to be reported to the developer of the Sass compiler; are you using sass (default) or nodesass?

failwyn avatar Sep 16 '22 12:09 failwyn