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

fix(ripple): fix ripple color in dark theme (#3094)

Browse Source 
* Fixes the incorrect color for ripple elements in dark-themes.
This commit is contained in:
Paul Gschwendtner
2017-02-17 00:43:40 +01:00
committed by Andrew Seguin
parent 3beccb9e70
commit a91ae72598
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/core/ripple/_ripple.scss
+10 -4
View File
@@ -1,6 +1,6 @@
@import '../theming/theming';
$mat-ripple-element-color: rgba(0, 0, 0, 0.1);
$mat-ripple-color-opacity: 0.1;
@mixin mat-ripple() {
// The host element of an md-ripple directive should always have a position of "absolute" or
@@ -18,14 +18,20 @@ $mat-ripple-element-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
pointer-events: none;
background-color: $mat-ripple-element-color;
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transform: scale(0);
}
}
@mixin mat-ripple-theme($theme) {}
/* Theme for the ripple elements.*/
@mixin mat-ripple-theme($theme) {
$foreground: map_get($theme, foreground);
$foreground-base: map_get($foreground, base);
.mat-ripple-element {
background-color: rgba($foreground-base, $mat-ripple-color-opacity);
}
}
// A mixin, which generates temporary ink ripple on a given component.