| 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 |