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:
Paul Gschwendtner
2017-06-20 02:49:26 +02:00
committed by Jeremy Elbourn
parent b5bf6f59a9
commit dbdc6ab060
-36
View File
@@ -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;
}
}