Angular 6 Material - Какие классы используются при использовании компонентов

Question

Мне было интересно, какие классы используются, когда используется угловой компонент материала?

Например, если бы я хотел дополнительно настроить кнопки радио материала, я мог бы использовать редактирование следующих классов CSS:

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{
    border-color:rgb(66, 244, 81); 
}

.mat-radio-button.mat-accent .mat-radio-inner-circle{
    color:rgb(244, 211, 66);
    background-color:rgb(244, 66, 66) ;
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color:rgb(248, 37, 255);
}

Где я могу найти список остальныхклассы, которые используются?Я думаю, я мог бы найти инструменты разработки из chrome, но есть ли сайт, на котором есть используемые классы?

Answer 1

Библиотека материалов постоянно растет и изменяется, поэтому нет хорошего ресурса, который бы перечислял все таким образом, который мог бы отличаться, чем просто проверка средств разработки.

Как уже упоминалось @Itay, вы можете просто проверитьисточник для компонентов.Вы также можете перейти на страницу API и проверить там источник.

Еще один ресурс - сгенерированный файл темы @angular/material/_theming.scss в папке node_modules.Это включает в себя все темы компонентов, но генерируется как часть сборки библиотеки материалов, поэтому полный файл отсутствует на GitHub.

Answer 2

Вы можете проверить исходный код материала.Вот, например, стиль button_base .