From b23c75945633f3f3999960dea530bc2038c47b97 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 8 Nov 2019 12:37:00 -0500 Subject: [PATCH] docs(slides): document css vars (#19872) --- core/api.txt | 4 ++++ core/src/components/slides/readme.md | 12 ++++++++---- core/src/components/slides/slides.scss | 6 ++++++ 3 files changed, 18 insertions(+), 4 deletions(-) diff --git a/core/api.txt b/core/api.txt index 8d7572ddff..521d38e583 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1091,6 +1091,10 @@ ion-slides,event,ionSlideTransitionStart,void,true ion-slides,event,ionSlideWillChange,void,true ion-slides,css-prop,--bullet-background ion-slides,css-prop,--bullet-background-active +ion-slides,css-prop,--progress-bar-background +ion-slides,css-prop,--progress-bar-background-active +ion-slides,css-prop,--scroll-bar-background +ion-slides,css-prop,--scroll-bar-background-active ion-spinner,shadow ion-spinner,prop,color,string | undefined,undefined,false,false diff --git a/core/src/components/slides/readme.md b/core/src/components/slides/readme.md index 7d1f15dd31..45c53fbf28 100644 --- a/core/src/components/slides/readme.md +++ b/core/src/components/slides/readme.md @@ -761,10 +761,14 @@ Type: `Promise` ## CSS Custom Properties -| Name | Description | -| ---------------------------- | ------------------------------------------ | -| `--bullet-background` | Background of the pagination bullets | -| `--bullet-background-active` | Background of the active pagination bullet | +| Name | Description | +| ---------------------------------- | ------------------------------------------------ | +| `--bullet-background` | Background of the pagination bullets | +| `--bullet-background-active` | Background of the active pagination bullet | +| `--progress-bar-background` | Background of the pagination progress-bar | +| `--progress-bar-background-active` | Background of the active pagination progress-bar | +| `--scroll-bar-background` | Background of the pagination scroll-bar | +| `--scroll-bar-background-active` | Background of the active pagination scroll-bar | ---------------------------------------------- diff --git a/core/src/components/slides/slides.scss b/core/src/components/slides/slides.scss index bd36fe27fd..25fc008332 100644 --- a/core/src/components/slides/slides.scss +++ b/core/src/components/slides/slides.scss @@ -8,6 +8,12 @@ ion-slides { /** * @prop --bullet-background: Background of the pagination bullets * @prop --bullet-background-active: Background of the active pagination bullet + * + * @prop --progress-bar-background: Background of the pagination progress-bar + * @prop --progress-bar-background-active: Background of the active pagination progress-bar + * + * @prop --scroll-bar-background: Background of the pagination scroll-bar + * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar */ display: block;