| Index: third_party/polymer/v1_0/components/paper-slider/README.md
|
| diff --git a/third_party/polymer/v1_0/components/paper-slider/README.md b/third_party/polymer/v1_0/components/paper-slider/README.md
|
| index fd00cd26db5a073a81f83b3a0610a61db579f2c9..bfd50b56c8183ebd8581db2864d7103ed268da14 100644
|
| --- a/third_party/polymer/v1_0/components/paper-slider/README.md
|
| +++ b/third_party/polymer/v1_0/components/paper-slider/README.md
|
| @@ -19,51 +19,31 @@ Use `min` and `max` to specify the slider range. Default is `0` to `100`. For ex
|
|
|
| ### Styling slider
|
|
|
| -To change the slider progress bar color:
|
| -```css
|
| -paper-slider {
|
| - --paper-slider-active-color: #0f9d58;
|
| -}
|
| -```
|
| +The following custom properties and mixins are available for styling:
|
| +
|
| +Custom property | Description | Default
|
| +----------------|-------------|----------
|
| +`--paper-slider-bar-color` | The background color of the slider | `transparent`
|
| +`--paper-slider-active-color` | The progress bar color | `--google-blue-700`
|
| +`--paper-slider-secondary-color` | The secondary progress bar color | `--google-blue-300`
|
| +`--paper-slider-knob-color` | The knob color | `--google-blue-700`
|
| +`--paper-slider-disabled-knob-color` | The disabled knob color | `--google-grey-500`
|
| +`--paper-slider-pin-color` | The pin color | `--google-blue-700`
|
| +`--paper-slider-font-color` | The pin's text color | `#fff`
|
| +`--paper-slider-disabled-active-color` | The disabled progress bar color | `--google-grey-500`
|
| +`--paper-slider-disabled-secondary-color` | The disabled secondary progress bar color | `--google-grey-300`
|
|
|
| -To change the slider knob color:
|
| -```css
|
| -paper-slider {
|
| - --paper-slider-knob-color: #0f9d58;
|
| -}
|
| -```
|
| +Example:
|
|
|
| -To change the slider pin color:
|
| -```css
|
| -paper-slider {
|
| - --paper-slider-pin-color: #0f9d58;
|
| -}
|
| ```
|
| -
|
| -To change the slider pin's font color:
|
| -```css
|
| -paper-slider {
|
| - --paper-slider-pin-font-color: #0f9d58;
|
| -}
|
| -```
|
| -
|
| -To change the slider secondary progress bar color:
|
| -```css
|
| paper-slider {
|
| + --paper-slider-bar-color: #fff;
|
| + --paper-slider-active-color: #0f9d58;
|
| + --paper-slider-knob-color: #0f9d58;
|
| + --paper-slider-pin-color: #0f9d58;
|
| + --paper-slider-font-color: #0f9d58;
|
| --paper-slider-secondary-color: #0f9d58;
|
| -}
|
| -```
|
| -
|
| -To change the slider disabled active color:
|
| -```css
|
| -paper-slider {
|
| --paper-slider-disabled-active-color: #ccc;
|
| -}
|
| -```
|
| -
|
| -To change the slider disabled secondary progress bar color:
|
| -```css
|
| -paper-slider {
|
| --paper-slider-disabled-secondary-color: #ccc;
|
| }
|
| -```
|
| +```
|
|
|