julien/adastra_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Angular update to v18

Browse Source
This commit is contained in:
Julien Gautier
2026-03-30 01:52:34 +02:00
parent 518168f225
commit bd8ed94b1d
6 changed files with 92 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components/button/_variants.scss
+7 -7
View File
@@ -6,19 +6,19 @@ $_ripple-opacity: 0.1;
// Applies a focus style to an mat-button element for each of the supported palettes.
@mixin _focus-overlay-color($config-or-theme, $variants) {
$config: mat.get-color-config($config-or-theme);
$config: mat.m2-get-color-config($config-or-theme);
@each $variant, $variant-palette in $variants {
&.mat-#{"" + $variant} .mat-mdc-button-focus-overlay {
background-color: mat.get-color-from-palette($variant-palette);
background-color: mat.m2-get-color-from-palette($variant-palette);
}
&.mat-#{"" + $variant} .mat-mdc-button-persistent-ripple::before {
background-color: mat.get-color-from-palette($variant-palette);
background-color: mat.m2-get-color-from-palette($variant-palette);
}
}
}
@mixin _ripple-background($palette, $hue, $opacity) {
$background-color: mat.get-color-from-palette($palette, $hue, $opacity);
$background-color: mat.m2-get-color-from-palette($palette, $hue, $opacity);
background-color: $background-color;
@if (meta.type-of($background-color) != color) {
opacity: $opacity;
@@ -40,17 +40,17 @@ $_ripple-opacity: 0.1;
@each $variant, $variant-palette in $variants {
&.mat-#{"" + $variant} {
#{$property}: mat.get-color-from-palette($variant-palette, $hue);
#{$property}: mat.m2-get-color-from-palette($variant-palette, $hue);
&.mat-mdc-button-disabled {
$palette: if($property == 'color', $foreground, $background);
#{$property}: mat.get-color-from-palette($palette, disabled-button);
#{$property}: mat.m2-get-color-from-palette($palette, disabled-button);
}
}
}
}
@mixin color($config-or-theme, $variants) {
$config: mat.get-color-config($config-or-theme);
$config: mat.m2-get-color-config($config-or-theme);
$foreground: map.get($config, foreground);
$background: map.get($config, background);