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

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

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 months 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 fd00cd26db5a073a81f83b3a0610a61db579f2c9..bfd50b56c8183ebd8581db2864d7103ed268da14 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
@@ -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;
}
-```
+```

Powered by Google App Engine
This is Rietveld 408576698