PM
так то да, последовательность важна
Size: a a a
2020 October 28
М
да я просто особенность, что тема с ...restProps осторожно надо быть
PM
<comp class="primary round">
<input class="btn test" {...$restProps}>
</comp>
на выходе будет <input class="primary round">
<input class="btn test" {...$restProps}>
</comp>
на выходе будет <input class="primary round">
если нужно сохранить некоторые статические классы тогда так:
class="foo bar {className}"
class="foo bar {$$restProps.class}"PM
да я просто особенность, что тема с ...restProps осторожно надо быть
а это да
PM
это как раз про очевидность
М
так то да, последовательность важна
а чё последовательность, как не крути последний class перезапишет предыдущий
PM
а чё последовательность, как не крути последний class перезапишет предыдущий
в смысле если restProps будет раньше чем class=""
М
в смысле если restProps будет раньше чем class=""
да
М
если нужно сохранить некоторые статические классы тогда так:
class="foo bar {className}"
class="foo bar {$$restProps.class}"class="foo bar {$$restProps.class}"
вот это огоньМ
только не красиво будет, когда рест пустой, будет
class="foo bar "
class="foo bar "
М
...
let className = [
"btn",
type,
isPlain
]
.filter(Boolean)
.join(" ");
<button class={className} ...
М
просто для красоты
ON
как видишь скоупинг в свелте не такой же как в цсс модулях, я бы сказал что он неудачнее, но позволяет скоупить теги и атрибуты
Чем не удачнее?
AP
Чем не удачнее?
тем что он увеличивает вес селектора и не дает возможности передавать скоупаный класс в другой компонент =)
ON
тем что он увеличивает вес селектора и не дает возможности передавать скоупаный класс в другой компонент =)
Цсс модули тоже увеличивают вес, или про какой вес речь?
А то что не даёт передавать - это проблема свелт, а не подхода
А то что не даёт передавать - это проблема свелт, а не подхода
AP
Цсс модули тоже увеличивают вес, или про какой вес речь?
А то что не даёт передавать - это проблема свелт, а не подхода
А то что не даёт передавать - это проблема свелт, а не подхода
цсс модули не увеличивают вес селекторов, вредность передачи класса это как раз проблема подхода свелта
PM
Цсс модули тоже увеличивают вес, или про какой вес речь?
А то что не даёт передавать - это проблема свелт, а не подхода
А то что не даёт передавать - это проблема свелт, а не подхода
не, речь про то, что свелт не дает стилям "протекать" наверх из компонента, но не мешает им протекать вниз
ON
не, речь про то, что свелт не дает стилям "протекать" наверх из компонента, но не мешает им протекать вниз
Без глобала они и вниз не протекут
PM
иными словами:
// global.css
.modal { display: none; }
// Modal.svelte
.modal { ... }