Size: a a a

2019 October 03

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
чаще всего свойств на размер несколько, состояний тоже несколько, композиций состояний тоже несколько, разных значений тоже несколько
источник

PM

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

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
почему не решадоу-то?)
источник

PM

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

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
чем то, что ты предлагаешь лучше, я не очень понимаю
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Artur Kenzhaev
почему не решадоу-то?)
потому что как я понял он нарушает инкапсуляцию компонентов
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
он ничего не нарушает
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
стоп, стили снаружи же?
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
button[|size="m"] {
 padding: ${padding.m};

 &[|shape="rounded"] {
   border-radius: ${borderRadius};
 }
}

button + button {
 margin: ${margin};
}

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

код, реализующий подобное поведение на свелт as is будет сложнее
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
а что такое button?
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
элемент
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
а что такое тогда :shape?
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
button._size_m {
 padding: ${padding.m};

 &._shape_rounded {
   border-radius: ${borderRadius};
 }
}

button + button {
 margin: ${margin};
}

<button class:_shape={shape} class:_size={size}></button>
источник

AK

Artur Kenzhaev in JSNN 🤔 (GSNN)
Pavel 🦇 Malyshev
а что такое тогда :shape?
это просто модификаторы от решадоу
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
а)
источник

AK

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

PM

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

AK

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

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
{shape} и {size} это типа пропсы?
источник

AK

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