PM
Если я правильно понима, предложение описать это в глобальном css?
Либо так, либо убирать инкапсуляцию с локально определённых стилей с помощью :global()
Size: a a a
2020 April 11
PM
Конкретно твой кейс:
PM
.social-btn :global(.fa-icon-css)
BW
А если бы у меня была бы не svg, а например целый какой-то функционал. Не знаю там, медиа плеер с кастомными controls. И я бы захотел перестелизировать, все описывать в :global()?
PM
А если бы у меня была бы не svg, а например целый какой-то функционал. Не знаю там, медиа плеер с кастомными controls. И я бы захотел перестелизировать, все описывать в :global()?
Конечно. Смысл SFC в переносимости и переиспользуемости, а это возможно только если гарантировать инкапсуляцию. Нарушить ее можно, но это не должно быть просто, чтобы не формировать плохие привычки
T
А если бы у меня была бы не svg, а например целый какой-то функционал. Не знаю там, медиа плеер с кастомными controls. И я бы захотел перестелизировать, все описывать в :global()?
надо компоненты писать так, чтобы их можно было стилизовать извне
BW
Нет похожего флага, что-то вроде :local(). Скажем, а если у меня на странице подъедит динамическая разметка, или что-то вроде моего кейса, говорить свелту о том, что этот класс точно будет!
BW
надо компоненты писать так, чтобы их можно было стилизовать извне
Я все это прекрасно понимаю, но компонент не мой, компонент стороней библиотеки.
T
Нет похожего флага, что-то вроде :local(). Скажем, а если у меня на странице подъедит динамическая разметка, или что-то вроде моего кейса, говорить свелту о том, что этот класс точно будет!
используй дочерние селекторы, например
.myclass :global(child_class)BW
Ну да, это я понимаю, но все же это будет создано глобально, хоть и указываю класс, который будет находится в одно месте. Но в целом я понял, о чем вы говорите. В любом случае мою проблему это решили. И на свой вопрос ответ я принял!
BW
Спасибо!
PM
Ну да, это я понимаю, но все же это будет создано глобально, хоть и указываю класс, который будет находится в одно месте. Но в целом я понял, о чем вы говорите. В любом случае мою проблему это решили. И на свой вопрос ответ я принял!
Если сочетать локальные и :global то это будет условно глобальный css воздействующий лишь на поддерево
BW
Если сочетать локальные и :global то это будет условно глобальный css воздействующий лишь на поддерево
Да, да, об это я и написал. Я понимаю это. Спасибо!
MZ
Нет похожего флага, что-то вроде :local(). Скажем, а если у меня на странице подъедит динамическая разметка, или что-то вроде моего кейса, говорить свелту о том, что этот класс точно будет!
Я делал динамику просто отрисовывая отдельный тег стилей на странице. Такой себе подход...
PM
Поэтому да, в целом это решение. Другое дело, отходя в строну от инкапсуляции опять встречаемся с классическими проблемами css (пусть даже локализованными) вроде каскада и специфичности
BW
Я делал динамику просто отрисовывая отдельный тег стилей на странице. Такой себе подход...
хах, я тоже об этом думал, но решил этим не заниматсья)
D
Я делал динамику просто отрисовывая отдельный тег стилей на странице. Такой себе подход...
Вот да, тоже делаю и осознаю ущербность такого подхода.
D
D
Вот это вот всё
MZ
