Неверное значение свойства с элементом HTML / SASS

Question

Моя высота элемента имеет недопустимое значение свойства , я не знаю почему.
Вот мой код SASS:

.iconDiv {
    $iconDivSize: 200px;
    .icon {
        $iconDeltaHeight: calc(#{$iconDivSize} / 60.8);
        $iconHeight: calc(#{$iconDeltaHeight} * #{$iconDivSize});
        height: $iconHeight;
    }
}

Моя высота элемента вывода равна: calc(calc(200px / 60.8) * 200px), но недействительно ... Почему?

Answer 1

Две проблемы, вы не можете вложить calc и можете иметь только одну декларацию.

Вам нужно что-то вроде

$iconDivSize: 200;
.iconDiv {    
    .icon {        
        height: calc(#{$iconDivSize}px / 60.8 * #{$iconDivSize});
    }
}

Демо