SASS: использование @extend с @use - PullRequest
Новая
       16

SASS: использование @extend с @use

0 голосов
/ 18 июня 2020

У меня есть два следующих файла: 

main.scss
|- base
|  |- _typography.scss

Файл _typography.scss содержит: 

$font-family: Roboto;

%typo-button{
    font-family: $font-family;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

Теперь я пробую @extend класс в main.scss с заполнитель %typo-button.

@use 'base/typography';

.button{
    display: inline-block;
    height: 48px;
    padding: 12px 0px;
    @extend typography.%typo-button;
}

Выдается следующая ошибка: 

Error: Expected identifier.
│     @extend typography.%typo-button;

Итак, каков правильный синтаксис для использования @extend с @use? Использование @use с @mixin не проблема, например, @include typography.my-mixin(). Но в некоторых случаях я бы хотел использовать @extend вместо миксинов.

...