skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(spinner, bar): don't use hardcoded hues (#4088)

Browse Source
This commit is contained in:
Will Howell
2017-05-02 19:38:46 -04:00
committed by Andrew Seguin
parent c8ec9814bc
commit 2481ee398b
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/progress-bar/_progress-bar-theme.scss
+9 -9
View File
@@ -8,40 +8,40 @@
$warn: map-get($theme, warn);
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($primary, 100)};
background: #{_mat-progress-bar-buffer($primary, lighter)};
}
.mat-progress-bar-buffer {
background-color: mat-color($primary, 100);
background-color: mat-color($primary, lighter);
}
.mat-progress-bar-fill::after {
background-color: mat-color($primary, 600);
background-color: mat-color($primary);
}
.mat-progress-bar.mat-accent {
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($accent, 100)};
background: #{_mat-progress-bar-buffer($accent, lighter)};
}
.mat-progress-bar-buffer {
background-color: mat-color($accent, 100);
background-color: mat-color($accent, lighter);
}
.mat-progress-bar-fill::after {
background-color: mat-color($accent, 600);
background-color: mat-color($accent);
}
}
.mat-progress-bar.mat-warn {
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($warn, 100)};
background: #{_mat-progress-bar-buffer($warn, lighter)};
}
.mat-progress-bar-buffer {
background-color: mat-color($warn, 100);
background-color: mat-color($warn, lighter);
}
.mat-progress-bar-fill::after {
background-color: mat-color($warn, 600);
background-color: mat-color($warn);
}
}
}
src/lib/progress-spinner/_progress-spinner-theme.scss
+3 -3
View File
@@ -9,15 +9,15 @@
.mat-progress-spinner, .mat-spinner {
path {
stroke: mat-color($primary, 600);
stroke: mat-color($primary);
}
&.mat-accent path {
stroke: mat-color($accent, 600);
stroke: mat-color($accent);
}
&.mat-warn path {
stroke: mat-color($warn, 600);
stroke: mat-color($warn);
}
}
}