Skip to content

Commit

Permalink
fix(ripple-effect): add and document custom properties
Browse files Browse the repository at this point in the history
references #14850
  • Loading branch information
camwiegert committed Aug 24, 2018
1 parent e0b8e24 commit 37a149c
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 1 deletion.
7 changes: 7 additions & 0 deletions core/src/components/ripple-effect/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,13 @@ The ripple effect component adds the [Material Design ink ripple interaction eff
| `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/)*
7 changes: 6 additions & 1 deletion core/src/components/ripple-effect/ripple-effect.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@
// --------------------------------------------------

:host {
/**
* @prop --background: Background of the ripple effect
*/
--background: currentColor;

@include position(0, 0, 0, 0);

position: absolute;
Expand All @@ -17,7 +22,7 @@

position: absolute;

background-color: currentColor;
background: var(--background);
color: inherit;

contain: strict;
Expand Down

0 comments on commit 37a149c

Please sign in to comment.