Size: a a a

2019 October 03

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
Pavel 🦇 Malyshev
Полагаю для маркета это актуально, может ещё для парочки больших ребят. Для меня звучит как овер-инженеринг. Какие-то человеческие задачи решадоу решает?
ну и для свелт это также приносит динамические стили без инлайна руками и использование cssinjs, с сохранением перфа, экстрактингом цсс и тд
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Artur Kenzhaev
ну и для свелт это также приносит динамические стили без инлайна руками и использование cssinjs, с сохранением перфа, экстрактингом цсс и тд
Для этого экшн в 5 строк пишется))
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
И будет css in js с прямыми изменениями в ноду
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
но ведь инлайн не везде применим, особенно если используется селектор от состояния и тд
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Artur Kenzhaev
но ведь инлайн не везде применим, особенно если используется селектор от состояния и тд
без инлайна же
источник

🧨

🧨 ethorz in JSNN 🤔 (GSNN)
classnames
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
Pavel 🦇 Malyshev
без инлайна же
с инсертом в стайлщит?
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
ну классы поменять это вообще класика, но речь именно про отдельные стили да?
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Artur Kenzhaev
с инсертом в стайлщит?
если нужно наверное и так можно. я больше про динамику на элементе говорил
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
гипотетически пример:

button[|size="m"] {
 padding: {padding.m};
}

как это на экшнах сделать?
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Artur Kenzhaev
гипотетически пример:

button[|size="m"] {
 padding: {padding.m};
}

как это на экшнах сделать?
динамика это padding.m?
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
да
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
прилетает из контекста, к примеру
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
<button use:style={{ padding: padding.m }}></button>
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
но это ведь не то
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
в каком смысле?
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
у кнопки есть определенный селектор. полный код на решадоу:

button[|size="m"] {
 padding: ${padding.m};
}

<button :size={size}></button>

аналогичный код на свелт будет в таком случае будет что-то типа

<button class:size={size} use:style={{ padding: size === 'm' && padding.m }}></button>

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

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
банально что-то типа

button + button {
 margin: ${margin}
}
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
<script>
  import paddings from '';
  $: padding = paddings[size];
</script>

<button class:size use:style={{ padding }}></button>
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
это здорово, когда все мапится именно так и есть такое отношение 1 к 1)) в реальной жизни такой код поддерживать не то чтобы очень удобно
источник