display: flex;
height: 1em;
align-items: center;
&.dotted:after {
border-bottom: 1px dotted var(--color-typo-primary)
}
&.dashed:after {
border-bottom: 1px dashed var(--color-typo-primary)
}
&.solid:after {
border-bottom: 1px solid var(--color-typo-primary)
}
&:after {
width: 100%;
height: 0;
content: "";
}
}
Разве что стайл линии оставить хоть без размера и цвета
Зачем? вполне нормальная запись
Отступов меньше делай свободных
вынеси стиль бордера в перемнную и перезаписывай только ее
только непонятно, может ли быть такая ситуация, что ни одного из этих 3 классов не будет
Такого не может быть, там TS сломается иначе.
тогда вариант с переменной норм
Использовать миксины
Ничем не упростит
border-bottom-width: 1px; border-bottom-color: var(--color-typo-primary); &.dotted:after { border-bottom-style: dotted; } &.dashed:after { border-bottom-style: dashed; } &.solid:after { border-bottom-style: solid; }
Обсуждают сегодня