| Index: third_party/polymer/v1_0/components-chromium/paper-slider/README.md
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-slider/README.md b/third_party/polymer/v1_0/components-chromium/paper-slider/README.md
|
| index 15139a6cbef4bf1ba4e6c7f91cd795ceaae2545f..663dc1b5138a4dd6efdc5abd974360213ad71823 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-slider/README.md
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-slider/README.md
|
| @@ -1,5 +1,23 @@
|
| -paper-slider
|
| -============
|
| +
|
| +<!---
|
| +
|
| +This README is automatically generated from the comments in these files:
|
| +paper-slider.html
|
| +
|
| +Edit those files, and our readme bot will duplicate them over here!
|
| +Edit this file, and the bot will squash your changes :)
|
| +
|
| +-->
|
| +
|
| +[](https://travis-ci.org/PolymerElements/paper-slider)
|
| +
|
| +_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-slider)_
|
| +
|
| +
|
| +##<paper-slider>
|
| +
|
| +
|
| +Material design: [Sliders](https://www.google.com/design/spec/components/sliders.html)
|
|
|
| `paper-slider` allows user to select a value from a range of values by
|
| moving the slider thumb. The interactive nature of the slider makes it a
|
| @@ -8,16 +26,15 @@ brightness, or color saturation.
|
|
|
| Example:
|
|
|
| -```html
|
| -<paper-slider></paper-slider>
|
| -```
|
| + <paper-slider></paper-slider>
|
|
|
| -Use `min` and `max` to specify the slider range. Default is `0` to `100`. For example:
|
| -```html
|
| -<paper-slider min="10" max="200" value="110"></paper-slider>
|
| -```
|
| +Use `min` and `max` to specify the slider range. Default is 0 to 100.
|
|
|
| -### Styling slider
|
| +Example:
|
| +
|
| + <paper-slider min="10" max="200" value="110"></paper-slider>
|
| +
|
| +### Styling
|
|
|
| The following custom properties and mixins are available for styling:
|
|
|
| @@ -32,20 +49,9 @@ Custom property | Description | Default
|
| `--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`
|
| +`--paper-slider-knob-start-color` | The fill color of the knob at the far left | `transparent`
|
| +`--paper-slider-knob-start-border-color` | The border color of the knob at the far left | `#c8c8c8`
|
| +`--paper-slider-pin-start-color` | The color of the pin at the far left | `#c8c8c8`
|
| `--paper-slider-height` | Height of the progress bar | `2px`
|
|
|
| -Example:
|
|
|
| -```
|
| -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;
|
| - --paper-slider-disabled-active-color: #ccc;
|
| - --paper-slider-disabled-secondary-color: #ccc;
|
| - --paper-slider-height: 5px;
|
| -}
|
| -```
|
|
|