OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2016 The Chromium Authors. All rights reserved. | 2 * Copyright 2016 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .dt-range-input { | 7 .dt-range-input { |
8 -webkit-appearance: none; | 8 -webkit-appearance: none; |
9 margin: 0; | 9 margin: 0; |
10 padding: 0; | 10 padding: 0; |
11 height: 10px; | 11 height: 10px; |
12 width: 88px; | 12 width: 88px; |
13 outline: none; | 13 outline: none; |
14 background: none; | 14 background: none; |
15 } | 15 } |
16 | 16 |
17 .dt-range-input::-webkit-slider-thumb { | 17 .dt-range-input::-webkit-slider-thumb, -theme-preserve { |
18 -webkit-appearance: none; | 18 -webkit-appearance: none; |
19 margin: 0; | 19 margin: 0; |
20 padding: 0; | 20 padding: 0; |
21 border: 0; | 21 border: 0; |
22 width: 12px; | 22 width: 12px; |
23 height: 12px; | 23 height: 12px; |
24 margin-top: -5px; | 24 margin-top: -5px; |
25 border-radius: 50%; | 25 border-radius: 50%; |
26 background-color: #4285F4; | 26 background-color: #4285F4; |
27 } | 27 } |
28 | 28 |
29 .dt-range-input::-webkit-slider-runnable-track { | 29 .dt-range-input::-webkit-slider-runnable-track { |
30 -webkit-appearance: none; | 30 -webkit-appearance: none; |
31 margin: 0; | 31 margin: 0; |
32 padding: 0; | 32 padding: 0; |
33 width: 100%; | 33 width: 100%; |
34 height: 2px; | 34 height: 2px; |
35 background-color: rgba(0, 0, 0, 0.26); | 35 background-color: rgba(0, 0, 0, 0.26); |
36 } | 36 } |
37 | 37 |
38 .dt-range-input:focus::-webkit-slider-thumb { | 38 .dt-range-input:focus::-webkit-slider-thumb, -theme-preserve { |
39 box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.4); | 39 box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.4); |
40 } | 40 } |
41 | 41 |
42 .dt-range-input:disabled::-webkit-slider-thumb { | 42 .dt-range-input:disabled::-webkit-slider-thumb { |
43 background-color: #bdbdbd; | 43 background-color: #bdbdbd; |
44 } | 44 } |
OLD | NEW |