djonikage
@djonikage
учусь верстке. < html_CSS_ Js />

Почему не работает миксин :before?

терминал выдает ошибку не понимаю в чем проблема?

ошибка

┌──> app\scss\_mixin.scss
18 │   @mixin pseudo(
   │ ┌────────^
19 │ │   $width,
20 │ │   $height,
21 │ │   $content: "",
22 │ │   $display: block,
23 │ │   $pos: absolute,
24 │ │   $bgp: center,
25 │ │   $bgr: no-repeat,
26 │ │   $bgs: cover
27 │ │ ) {
   │ └─^ declaration
   ╵
  app\scss\style.scss 14:5  root stylesheet
    relativePath: app\scss\style.scss
    domainEmitter: [object Object]
    domainThrown: false

миксин
@mixin pseudo(
  $width,
  $height,
  $content: "",
  $display: block,
  $pos: absolute,
  $bgp: center,
  $bgr: no-repeat,
  $bgs: cover
) {
  content: $content;
  display: $display;
  position: $pos;

  width: $width;
  height: $height;

  background-position: $bgp;

  background-repeat: $bgr;

  background-size: $bgs;
}


style.scss

&__item::before {
    @include pseudo
  (
      110px,
      40px,
      $bgp,
      $bgr,
      $bgs,
      $content: "",
      $display: block,
      $pos: absolute)
    {

      }
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 1
cannibal_corpse
@cannibal_corpse
Верстальщик руками
1. Зачем миксин для псевдо?
2. При абсолютном позиционировании указание display: block избыточно (см. computed styles)
3. Ты неправильно используешь миксин.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы