скрипт npm

А что он делает, первый раз слышу

ну ты же билдишь тэйлвиндовый css

Ааа, значит оно у меня уже прописано автоматом на билд

Спасибо за помощь

только это всё равно стрёмный подход, но пока другого не нашёл

да походу единственнвй

на параметры можешь в целом ссылаться через
.btn-blue {
 background-color: theme('colors.blue.500');
}

borderClass = “border-red-300”;
<div class=“border-green-300 {borderClass}” />

Может так: <div class=“border-{color}-300”> 🤔

это гениально

🙂

+1, тоже хотел написать

сам так и делаю =)

>

borderClass = “border-red-300”;
<div class=“border-green-300 {borderClass}” />

так если у тебя варианты одной связки меняются, чего ты сразу не подставишь borderClass в class ?

или это у тебя упрощённый пример (как я вначале и подумал)?

ну типа как borderColoredClass = borderClass || "border-green-300", а потом class={borderColoredClass}

я тебе, кстати, советую не тащить этот тэйлвиндовый колбасный подход в приложение, если оно большое.  Ты потом просто устанешь это сопровождать. Создавай лучше короткие, разбитые по смыслу классы (ну типа .main-menu, .main-menu-list, .main-menu-list-item) для частей компонента прямо в свелт-компонентах (в <style>) с помощью тэйлвинда через @apply. Это гораздо легче сопровождается потом и нет мусора в конечном DOM. Если, конечно, тебе это подходит.

да стараюсь через apply раскидывать, просто пример упрощенный

кстати, ты в vscode пишешь?

Ага