mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
revert(ripple-effect): remove background custom prop
This reverts commit 37a149cd5de5ca1ae8e9644caecfc5e35076d3ef.
This commit is contained in:
@ -21,13 +21,6 @@ The ripple effect component adds the [Material Design ink ripple interaction eff
|
|||||||
| `addRipple` | Adds the ripple effect to the parent element |
|
| `addRipple` | Adds the ripple effect to the parent element |
|
||||||
|
|
||||||
|
|
||||||
## CSS Custom Properties
|
|
||||||
|
|
||||||
| Name | Description |
|
|
||||||
| -------------- | ------------------------------- |
|
|
||||||
| `--background` | Background of the ripple effect |
|
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
|
||||||
*Built with [StencilJS](https://stenciljs.com/)*
|
*Built with [StencilJS](https://stenciljs.com/)*
|
||||||
|
@ -5,11 +5,6 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
/**
|
|
||||||
* @prop --background: Background of the ripple effect
|
|
||||||
*/
|
|
||||||
--background: currentColor;
|
|
||||||
|
|
||||||
@include position(0, 0, 0, 0);
|
@include position(0, 0, 0, 0);
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -22,7 +17,8 @@
|
|||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
background: var(--background);
|
// Should remain static for performance reasons
|
||||||
|
background-color: currentColor;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
contain: strict;
|
contain: strict;
|
||||||
|
Reference in New Issue
Block a user