Народ, прошу помогите. Я дуб дубом, чтобы различать scss, sass

Question

Народ, прошу помогите. Я дуб дубом, чтобы различать scss, sass

и less в работе с генерацией и юзанием стилей. Но именно sass и использует ангуляр материал, чтобы загрузить стили тем для компонентов и следовательно элементов внутри этих компонентов. Так вот мне нужно сделать кастомные стили, которые нужно использовать для конкретных компонентов ангуляр материал, чтобы изменить их стиль по умолчанию, но при этом для конкретных компонентов и чтобы стили тем не заафектили элементы внутри других компонентов приложения. Но тут есть проблема: как я прочитал из гайда material.angular.io/guide/ все стили тем ангуляр материал как их объявление, так и главный миксин mat-core объявляются в глобальном файле style.css, который аффектит стили всего приложения, если так сделать. Так вот как сделать чтобы при объявлении кастомных стилей они были охватывали отдельные определённые компоненты и не охватывали дочерние( для этого как я прочитал конечно существует у компонентов в декораторе свойство стратегии инкапсуляции, хотя я надеюсь, что как-то можно и без этого обойтись в решении моей задачи) ?? Прошу хелп.

#angular #frontend #javascript #programming #russian

0

11.08.2019

1 ответов

11 просмотров

Sergei Sergeevich · Accepted Answer

Хотите обьявить глобальные стили, но не хотите что бы работали избирательно? Ну тогда обьявите их глобально, в style.css, но с принадлежностью к какому то классу. Например mat-button.my-button. Затем включайте их обьявляя компонент с указанным классом <mat-button class="my-button">

169 похожих чатов

Народ, прошу помогите. Я дуб дубом, чтобы различать scss, sass

1 ответов

Похожие вопросы