unknown at rule @include css (unknownAtRules) ошибка при включении @include в файл css - PullRequest
2 голосов
/ 29 мая 2020

Я пытаюсь настроить столбцы карточек, используя макет карточки Bootstrap 4. Но почему он показывает ошибку, если я пишу этот код в своем файле css?

Отображение ошибки находится в Код VS : неизвестно в правиле @include css (unknownatrules)

HTML файл

<div class="card-columns">
  <div class="card" *ngFor="let item of vision">
    <div class="card-header">{{item.heading}}</div>
    <carousel [showIndicators]="false">
      <slide *ngFor="let item of vision">
        <img class="card-img-top embed-responsive embed-responsive-16by9" [src]="item.img" alt="vision image">
      </slide>
    </carousel>
  </div>
</div>

CSS файл

.card-columns {
  @include media-breakpoint-only(md) {
    column-count: 3;
  }
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
}

1 Ответ

0 голосов
/ 29 мая 2020

@ include - это функция SASS, а не функция CSS. Кроме того, вы можете отключить предупреждение, набрав

  "css.lint.unknownAtRules": "ignore"

Ссылка: https://github.com/microsoft/vscode/issues/53175

https://github.com/stylelint/stylelint/issues/3190

...