Функция CSS calc () не работает в Chrome

Question

Я хотел установить определенную ширину в столбцах, но функция calc не работает. Это показывает ошибку в инструментах разработчика Chrome.

Код:

.row {
  max-width: $grid-width;
  background-color: #eee;
  margin: 0 auto;

  &:not(:last-child) {
    margin-bottom: $gutter-vertical;
  }

  @include clearfix;

  [class^= "col-"] {
    background-color: orangered;
    float: left;

    &:not(:last-child) {
      margin-right: $gutter-horizontal;
    }
  }

  .col-1-of-2 {
    width: clac((100% - #{$gutter-horizontal}) / 2);
  }

  .col-1-of-3 {
    width: clac((100% - 2 * #{$gutter-horizontal}) / 3);
  }
} 

Answer 1

написание calc неверно, это clac в вашем коде

Answer 2

Код, который вы разместили в комментариях, имеет clac () вместо calc ()

{ width: clac((100% - 2 * #{$gutter-horizontal}) / 3); } }