OLD | NEW |
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 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
10 <link rel="import" href="../paper-styles/color.html"> | 10 <link rel="import" href="../paper-styles/color.html"> |
(...skipping 21 matching lines...) Expand all Loading... |
32 `--paper-toggle-button-unchecked-button-color` | Button color when the input is
not checked | `--paper-grey-50` | 32 `--paper-toggle-button-unchecked-button-color` | Button color when the input is
not checked | `--paper-grey-50` |
33 `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color when t
he input is not checked | `--dark-primary-color` | 33 `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color when t
he input is not checked | `--dark-primary-color` |
34 `--paper-toggle-button-checked-bar-color` | Slider button color when the input i
s checked | `--default-primary-color` | 34 `--paper-toggle-button-checked-bar-color` | Slider button color when the input i
s checked | `--default-primary-color` |
35 `--paper-toggle-button-checked-button-color` | Button color when the input is ch
ecked | `--default-primary-color` | 35 `--paper-toggle-button-checked-button-color` | Button color when the input is ch
ecked | `--default-primary-color` |
36 `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the
input is checked | `--default-primary-color` | 36 `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the
input is checked | `--default-primary-color` |
37 `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the inp
ut is not checked | `{}` | 37 `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the inp
ut is not checked | `{}` |
38 `--paper-toggle-button-unchecked-button` | Mixin applied to the slider button wh
en the input is not checked | `{}` | 38 `--paper-toggle-button-unchecked-button` | Mixin applied to the slider button wh
en the input is not checked | `{}` |
39 `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input
is checked | `{}` | 39 `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input
is checked | `{}` |
40 `--paper-toggle-button-checked-button` | Mixin applied to the slider button when
the input is checked | `{}` | 40 `--paper-toggle-button-checked-button` | Mixin applied to the slider button when
the input is checked | `{}` |
41 `--paper-toggle-button-label-color` | Label color | `--primary-text-color` | 41 `--paper-toggle-button-label-color` | Label color | `--primary-text-color` |
| 42 `--paper-toggle-button-label-spacing` | Spacing between the label and the button
| `8px` |
42 | 43 |
43 @group Paper Elements | 44 @group Paper Elements |
44 @element paper-toggle-button | 45 @element paper-toggle-button |
45 @hero hero.svg | 46 @hero hero.svg |
46 @demo demo/index.html | 47 @demo demo/index.html |
47 --> | 48 --> |
48 | 49 |
49 </head><body><dom-module id="paper-toggle-button"> | 50 </head><body><dom-module id="paper-toggle-button"> |
50 <template strip-whitespace=""> | 51 <template strip-whitespace=""> |
51 | 52 |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
139 position: relative; | 140 position: relative; |
140 width: 36px; | 141 width: 36px; |
141 height: 14px; | 142 height: 14px; |
142 } | 143 } |
143 | 144 |
144 .toggle-label { | 145 .toggle-label { |
145 position: relative; | 146 position: relative; |
146 top: -2px; | 147 top: -2px; |
147 display: inline-block; | 148 display: inline-block; |
148 vertical-align: middle; | 149 vertical-align: middle; |
149 margin-left: 10px; | 150 padding-left: var(--paper-toggle-button-label-spacing, 8px); |
150 white-space: normal; | 151 white-space: normal; |
151 pointer-events: none; | 152 pointer-events: none; |
152 color: var(--paper-toggle-button-label-color, --primary-text-color); | 153 color: var(--paper-toggle-button-label-color, --primary-text-color); |
153 } | 154 } |
154 </style> | 155 </style> |
155 | 156 |
156 <div class="toggle-container"> | 157 <div class="toggle-container"> |
157 <div id="toggleBar" class="toggle-bar"></div> | 158 <div id="toggleBar" class="toggle-bar"></div> |
158 <div id="toggleButton" class="toggle-button"></div> | 159 <div id="toggleButton" class="toggle-button"></div> |
159 </div> | 160 </div> |
160 | 161 |
161 <div class="toggle-label"><content></content></div> | 162 <div class="toggle-label"><content></content></div> |
162 | 163 |
163 </template> | 164 </template> |
164 | 165 |
165 </dom-module> | 166 </dom-module> |
166 <script src="paper-toggle-button-extracted.js"></script></body></html> | 167 <script src="paper-toggle-button-extracted.js"></script></body></html> |
OLD | NEW |