From 93ae2c8f66bc830ee2f78c97cd2c510e2c968279 Mon Sep 17 00:00:00 2001 From: Cam Wiegert Date: Tue, 6 Nov 2018 16:05:19 -0600 Subject: [PATCH] docs(alert): document custom properties (#16251) references #14850 --- core/src/components/alert/alert.scss | 5 +++++ core/src/components/alert/readme.md | 9 +++++++++ 2 files changed, 14 insertions(+) diff --git a/core/src/components/alert/alert.scss b/core/src/components/alert/alert.scss index 87d9e056e1..36f0a76bb6 100644 --- a/core/src/components/alert/alert.scss +++ b/core/src/components/alert/alert.scss @@ -4,6 +4,11 @@ // -------------------------------------------------- :host { + /** + * @prop --background: Background of the alert + * @prop --min-width: Minimum width of the alert + * @prop --max-height: Maximum height of the alert + */ --min-width: #{$alert-min-width}; --max-height: #{$alert-max-height}; diff --git a/core/src/components/alert/readme.md b/core/src/components/alert/readme.md index 6ec9a0199a..093e7d640c 100644 --- a/core/src/components/alert/readme.md +++ b/core/src/components/alert/readme.md @@ -105,6 +105,15 @@ Type: `Promise` +## CSS Custom Properties + +| Name | Description | +| -------------- | --------------------------- | +| `--background` | Background of the alert | +| `--max-height` | Maximum height of the alert | +| `--min-width` | Minimum width of the alert | + + ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*