mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
e66aeac8d0
Decrease the font size and tone down the paddings and margins. Use `ng-button` instead of `mat-button`.
65 lines
1.3 KiB
SCSS
65 lines
1.3 KiB
SCSS
@use '@angular/material' as mat;
|
|
@use './typography' as tg;
|
|
|
|
/* Defines all Material component overrides specific to Angular DevTools */
|
|
/* If you must resort to direct Mat class changes, please use a "FRAGILE" comment on top. */
|
|
@mixin mat-cmp-overrides {
|
|
@include mat.expansion-overrides(
|
|
(
|
|
container-background-color: transparent,
|
|
container-elevation-shadow: none,
|
|
)
|
|
);
|
|
|
|
@include mat.toolbar-overrides(
|
|
(
|
|
container-background-color: transparent,
|
|
)
|
|
);
|
|
|
|
@include mat.tree-overrides(
|
|
(
|
|
container-background-color: transparent,
|
|
)
|
|
);
|
|
|
|
@include mat.table-overrides(
|
|
(
|
|
background-color: transparent,
|
|
)
|
|
);
|
|
|
|
@include mat.menu-overrides(
|
|
(
|
|
item-icon-size: 16px,
|
|
item-label-text-font: tg.$font-family,
|
|
item-label-text-size: tg.$font-size,
|
|
item-label-text-line-height: 0.875rem,
|
|
)
|
|
);
|
|
|
|
@include mat.dialog-overrides(
|
|
(
|
|
container-elevation-shadow: 1,
|
|
)
|
|
);
|
|
|
|
/* FRAGILE */
|
|
.mat-mdc-menu-item {
|
|
min-height: 32px;
|
|
}
|
|
|
|
/* FRAGILE */
|
|
label.mat-mdc-menu-item > .mat-mdc-menu-item-text {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
/* FRAGILE */
|
|
mat-slide-toggle .mdc-switch__ripple {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
}
|