глобальный _variables.scss, где определена переменная $var
Как в компоненте переопределить значение этой переменной?
$var: 5
Так? Не заводится что-то
Отвечаю сам себе - это невозможно, увы
К этому моменту стили скомпилированы и переменные не имеют значения
переопределить не должно быть проблем, но это не вью, реактивности не будет
Все работает я проверил
Так нет. Переменная применяется где-то вне компонента
Тогда я не понимаю архитектуру и задачу
Есть переменная, применяемая в глобальных стилях. В определённом компоненте надо было поменять её значение, чтобы стили изменились пачкой
пробуй css -переменные
Попробую объяснить) Чужой проект, где я пишу один из множества сервисов. Там какой-то умник глобально установил бутстраповскую переменную $modal-inner-padding в ноль, чтобы не было никаких отстпов внутри модалок, ибо модалки использовали лишь как контейнер для одиночных карточек. Теперь в модалках всё слипается и бедолаги используют ухищрения вроде div-обёрток с классом p-2. А если вернуть на место значение $modal-inner-padding, то огромное количество существующих модалок с карточкой внутри получат лишний отступ вокруг карточки. Пока применил лайвхак <style lang="scss"> $inner-padding: 10px; .modal-header { padding: $inner-padding; } .modal-body { padding: $inner-padding; } .modal-footer { padding: $inner-padding; } </style> Всяко лучше обёрток
норм .modal-header etc - в проекте только в твоем компоненте? Может ему вложенность задать стоит
В проекте. Это стили бутстрапа
кмк оно все имеющиеся модалки окружит отступом тоже.
Обсуждают сегодня