Что это за синтаксис?

Question

[Ankozar]

Пытаюсь разобраться в SASS.

В ютубе нашёл видос, где рассказали про плагин к VSCODE.

Вроде работает норм, но вот такую строчку:
grid-template-rows: repeat(2, min-content);

превращает вот в такую:

-ms-grid-rows: (min-content)[2];

Из-за "[2]" дальнейшая разметка блока в файле css идёт по одному месту. И в браузере всё слетает нафиг.


Вопрос: что это за синтаксис и можно ли его отключить в плагине Live SASS Compiler для vscode?

UPD:
Нашёл решение: отключил нафиг префиксы. Но вопрос остаётся: что это за синтаксис был?

Comments

[Rustam Bainazarov]

Больше на ошибку похоже. Вы не указали название плагина.

[Вадим]

Скорее всего плагин не поддерживает гриды, а именно функцию repeat и парсил их как что-то другое

Answer 1

[Ankozar]

Нашёл решение: отключил нафиг префиксы. Но вопрос остаётся: что это за синтаксис был?

Comments

[101-s]

grid-template-columns: 8em 8em 8em;
grid-template-rows: 5em 5em 5em 5em;

Здесь мы видим, что происходит повторение одних и тех же размеров - 8em и 5em для установки ширины столбцов и высоты строк. Поэтому перепишем стили, применив функцию repeat:

.grid-container {
  border: solid 2px #000;
  display: grid;
  grid-template-columns: repeat(3, 8em);
  grid-template-rows: repeat(4, 5em);
}

отсюда https://xsltdev.ru/css/grid-guide/grid-3/

[ⓒⓢⓢ]

Нашёл решение: отключил нафиг префиксы. Но вопрос остаётся: что это за синтаксис был?

Ankozar,
в плагине используется старый автопрефиксер
да и автор плагина прекратил поддержку (плагин давно не обновлялся)
https://github.com/ritwickdey/vscode-live-sass-com...