Как использовать утилиты градиента попутного ветра с несколькими градиентами? ⇐ CSS

[Anonymous]

У меня есть класс под названием show padding, который по-разному окрашивает поле содержимого и поле заполнения - на самом деле нашел его здесь: https://stackoverflow.com/a/18424078/981556)

Код: Выделить всё

.show-border {
background-image: linear-gradient(to bottom, #dbeafe 0%, #dbeafe 100%),
linear-gradient(to bottom, #a7f3d0 0%, #a7f3d0 100%);
background-clip: content-box, padding-box;
}

В нашем проекте используется попутный ветер, и я хотел бы использовать директиву @apply для этих остановок градиента.
Разделение градиентов запятой приводит к синтаксической ошибке:
р>

Код: Выделить всё

.show-border {
@apply bg-gradient-to-b from-green-200, from-blue-200;
background-clip: content-box, padding-box;
}

Без запятой синий подавляет зеленый

Код: Выделить всё

.show-border {
@apply bg-gradient-to-b from-green-200 from-blue-200;
background-clip: content-box, padding-box;
}

Есть ли способ сделать это с помощью служебных классов попутного ветра?

Подробнее здесь: https://stackoverflow.com/questions/689 ... -gradients