font

Shorthand for writing font-* rules in syntax like vanilla CSS font property, but without specifying the required font-family property.

Параметры

Имя	Тип	По умолчанию	Описание
$params *	`string\|list\|number`	—	Список значений для одного или нескольких свойств из следующих: `font-style`, `font-weight`, `font-size`, `line-height`.
$font-family	`?string`	null	Значение свойства `font-family`.

Пример использования

@use 'more-sass' as more;

.element-one {
    @include more.font('italic 700 16px/1.5');
}

.element-two {
    @include more.font(32px);
}

.element-three {
    @include more.font('/1.2');
}

.element-four {
    @include more.font(16px, 'Agora Slab Pro');
}

.element-one {
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
}

.element-two {
    font-size: 32px;
}

.element-three {
    line-height: 1.2;
}

.element-four {
    font-size: 16px;
    font-family: 'Agora Slab Pro';
}