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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.css

Issue 1336623003: [MD settings] updating polymer to 1.1.13 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: changed Polymer.IronCheckedElementBehavior name Created 5 years, 3 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 unified diff | Download patch
OLDNEW
1 /** 1 /**
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 */ 9 */
10 10
11 :host { 11 :host {
12 display: inline-block; 12 display: inline-block;
13 width: 200px; 13 width: 200px;
14 cursor: default; 14 cursor: default;
15 -webkit-user-select: none; 15 -webkit-user-select: none;
16 -moz-user-select: none; 16 -moz-user-select: none;
17 -ms-user-select: none; 17 -ms-user-select: none;
18 user-select: none; 18 user-select: none;
19 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 19 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20 --paper-progress-active-color: var(--paper-slider-active-color, --google-blue- 700);
21 --paper-progress-secondary-color: var(--paper-slider-secondary-color, --google -blue-300);
22 --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-col or, --google-grey-500);
23 --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-seconda ry-color, --google-grey-300);
20 } 24 }
21 25
22 :host(:not([disabled])) #sliderBar { 26 /* focus shows the ripple */
23 --paper-progress-active-color: var(--paper-slider-active-color, --google-blue- 700);
24 }
25
26 :host(:not([disabled])) #sliderBar {
27 --paper-progress-secondary-color: var(--paper-slider-secondary-color, --google -blue-300);
28 }
29
30 :host([disabled]) #sliderBar {
31 --paper-progress-active-color: var(--paper-slider-disabled-active-color, --goo gle-grey-500);
32 }
33
34 :host([disabled]) #sliderBar {
35 --paper-progress-secondary-color: var(--paper-slider-disabled-secondary-color, --google-grey-300);
36 }
37
38 :host(:focus) { 27 :host(:focus) {
39 outline: none; 28 outline: none;
40 } 29 }
41 30
42 #sliderContainer { 31 #sliderContainer {
43 position: relative; 32 position: relative;
44 width: calc(100% - 32px); 33 width: calc(100% - 32px);
45 height: 32px; 34 height: 32px;
46 } 35 }
47 36
(...skipping 24 matching lines...) Expand all
72 } 61 }
73 62
74 .ring.expand.dragging > .bar-container { 63 .ring.expand.dragging > .bar-container {
75 transition: none; 64 transition: none;
76 } 65 }
77 66
78 #sliderBar { 67 #sliderBar {
79 position: absolute; 68 position: absolute;
80 top: 15px; 69 top: 15px;
81 left: 0; 70 left: 0;
82 height: 2px;
83 width: 100%; 71 width: 100%;
84 padding: 8px 0; 72 padding: 8px 0;
85 margin: -8px 0; 73 margin: -8px 0;
86 background-color: var(--paper-slider-bar-color, transparent); 74 background-color: var(--paper-slider-bar-color, transparent);
75 --paper-progress-height: var(--paper-slider-height, 2px);
87 } 76 }
88 77
89 .ring #sliderBar { 78 .ring #sliderBar {
90 left: -4px; 79 left: -4px;
91 width: calc(100% + 4px); 80 width: calc(100% + 4px);
92 } 81 }
93 82
94 .ring.expand:not(.pin) #sliderBar { 83 .ring.expand:not(.pin) #sliderBar {
95 left: -14px; 84 left: -14px;
96 width: calc(100% + 14px); 85 width: calc(100% + 14px);
(...skipping 130 matching lines...) Expand 10 before | Expand all | Expand 10 after
227 216
228 /* editable: paper-input */ 217 /* editable: paper-input */
229 .slider-input { 218 .slider-input {
230 width: 40px; 219 width: 40px;
231 float: right; 220 float: right;
232 overflow: hidden; 221 overflow: hidden;
233 } 222 }
234 223
235 .slider-input { 224 .slider-input {
236 --paper-input-container-input: { 225 --paper-input-container-input: {
237 text-align: center; 226 text-align: center;
238 }; 227 };
239 } 228 }
240 229
241 /* disabled state */ 230 /* disabled state */
242 #sliderContainer.disabled { 231 #sliderContainer.disabled {
243 pointer-events: none; 232 pointer-events: none;
244 } 233 }
245 234
246 .disabled > #sliderKnob > #sliderKnobInner { 235 .disabled > #sliderKnob > #sliderKnobInner {
247 width: 8px; 236 width: 8px;
248 height: 8px; 237 height: 8px;
249 background-color: var(--paper-slider-disabled-knob-color, --google-grey-500); 238 background-color: var(--paper-slider-disabled-knob-color, --google-grey-500);
250 } 239 }
251 240
252 .disabled.ring > #sliderKnob > #sliderKnobInner { 241 .disabled.ring > #sliderKnob > #sliderKnobInner {
253 background-color: transparent; 242 background-color: transparent;
254 } 243 }
255 244
256 paper-ripple { 245 paper-ripple {
257 color: var(--paper-slider-knob-color, --google-blue-700); 246 color: var(--paper-slider-knob-color, --google-blue-700);
258 } 247 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698