mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
refactor: remove unused temporary ripple mixin (#5198)
* Removes the `mat-temporary-ink-ripple` mixin from the ripple stylesheet. All components that currently have ripples switched to the ripple component and therefore don't use this mixin.
This commit is contained in:
committed by
Jeremy Elbourn
parent
b5bf6f59a9
commit
dbdc6ab060
@@ -32,39 +32,3 @@ $mat-ripple-color-opacity: 0.1;
|
||||
background-color: rgba($foreground-base, $mat-ripple-color-opacity);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// A mixin, which generates temporary ink ripple on a given component.
|
||||
// To be removed once the real ripple is applied to all elements.
|
||||
// When $bindToParent is set to true, it will check for the focused class on the same selector as you included
|
||||
// that mixin.
|
||||
// It is also possible to specify the color palette of the temporary ripple. By default it uses the
|
||||
// accent palette for its background.
|
||||
@mixin mat-temporary-ink-ripple($component, $bindToParent: false) {
|
||||
// TODO(mtlin): Replace when ink ripple component is implemented.
|
||||
// A placeholder ink ripple, shown when keyboard focused.
|
||||
.mat-ink-ripple {
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
height: 48px;
|
||||
left: 50%;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: opacity ease 280ms, background-color ease 280ms;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
// Fade in when radio focused.
|
||||
#{if($bindToParent, '&', '')}.mat-#{$component}-focused .mat-ink-ripple {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
// TODO(mtlin): This corresponds to disabled focus state, but it's unclear how to enter into
|
||||
// this state.
|
||||
#{if($bindToParent, '&', '')}.mat-#{$component}-disabled .mat-ink-ripple {
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user