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; |
-} |
-``` |