Есть ли способ составить классы css с использованием других css cals?

Я смотрел на попутный ветер CSS, когда я его использую, мне кажется, что стиль написания внутри HTML. Что делает эту библиотеку неудобной для меня. Но пока я смотрел на это, у меня появилась идея.

Вместо того, чтобы использовать такой попутный ветер

<div class="p-4 flex text-lg">Something</div>

Могу ли я сделать это с помощью препроцессоров CSS.

// in html
<div class="some">Something</div>

// in css (with a preprocessor)
.some {
  include: .p-4;
  include: .flex;
  include: .text-lg;
}

Таким образом, мне не нужно писать стиль в HTML, но я все равно получаю преимущества служебных классов попутного ветра.

Я знаю, что у scss есть миксины, но насколько я знаю, tailwind только классы povides, а не миксины, и у меня нет опыта работы с каким-либо другим препроцессором css. Так есть ли какой-нибудь препроцессор, поддерживающий эту функцию?


css sass tailwind-css less css-preprocessor
person Ragas    schedule 05.12.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

С SCSS эту работу может выполнить @extend. Однако это будет работать только в том случае, если у вас есть доступ к классам, которые вы хотите расширить. Что касается Tailwind CSS, я думаю, что @apply - это встроенный способ делать то, что вы хотите.

person Arkellys    schedule 05.12.2020