Невозможно остановить SASS от оценки содержимого свойства calc () css - PullRequest
Новая
       47

Невозможно остановить SASS от оценки содержимого свойства calc () css

2 голосов
/ 05 ноября 2019

Я создал свежую копию CRA, просто чтобы убедиться, что это не что-то нестандартное в моем коде, у меня ничего нет, кроме одного файла sass, который следующий код: 

.test {
    top: calc((0% - (100% - 1.2em)) - 16%);
}

Когда я 'В режиме разработки, строка отображается правильно, однако, когда я запускаю команду build build, я получаю следующее: 

.test{
  top:calc(-116% - -1.2em)
}

Что совсем не то, что я хочу. Я просто хочу, чтобы содержимое calc () оставалось без изменений, без оценки. Я исследовал и, кажется, мне нужно использовать интерполяцию, но я устал от этого без всякой удачи. Вот что я пробовал до сих пор: 

top: #{'calc((0% - (100% - 1.2em)) - 16%)'};
top: calc#{'((0% - (100% - 1.2em)) - 16%)'};
top: calc((#{$zero} - #{$hMinus1}) - #{$sixteen});
top: unquote('#{calc((#{$zero} - (#{$oneH}- #{$onePTwo})) - #{$sixteen})}');

Я устал от всевозможных способов, чтобы он просто игнорировал строку, но он продолжает оцениваться в какой-то форме - 1.2em, как вы видите.

Есть ли другой способ сделать эту работу?

...