Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(50)

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-slider/README.md

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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 :)
+
+-->
+
+[![Build Status](https://travis-ci.org/PolymerElements/paper-slider.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-slider)
+
+_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-slider)_
+
+
+##&lt;paper-slider&gt;
+
+
+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;
-}
-```

Powered by Google App Engine
This is Rietveld 408576698