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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html

Issue 2158913007: Roll Polymer from 1.5.0 -> 1.6.0 to pick up native CSS custom props (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: merge Created 4 years, 4 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
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-checkbox/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2016 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/default-theme.html"> 10 <link rel="import" href="../paper-styles/default-theme.html">
(...skipping 22 matching lines...) Expand all
33 ----------------|-------------|---------- 33 ----------------|-------------|----------
34 `--paper-checkbox-unchecked-background-color` | Checkbox background color when t he input is not checked | `transparent` 34 `--paper-checkbox-unchecked-background-color` | Checkbox background color when t he input is not checked | `transparent`
35 `--paper-checkbox-unchecked-color` | Checkbox border color when the input is not checked | `--primary-text-color` 35 `--paper-checkbox-unchecked-color` | Checkbox border color when the input is not checked | `--primary-text-color`
36 `--paper-checkbox-unchecked-ink-color` | Selected/focus ripple color when the in put is not checked | `--primary-text-color` 36 `--paper-checkbox-unchecked-ink-color` | Selected/focus ripple color when the in put is not checked | `--primary-text-color`
37 `--paper-checkbox-checked-color` | Checkbox color when the input is checked | `- -primary-color` 37 `--paper-checkbox-checked-color` | Checkbox color when the input is checked | `- -primary-color`
38 `--paper-checkbox-checked-ink-color` | Selected/focus ripple color when the inpu t is checked | `--primary-color` 38 `--paper-checkbox-checked-ink-color` | Selected/focus ripple color when the inpu t is checked | `--primary-color`
39 `--paper-checkbox-checkmark-color` | Checkmark color | `white` 39 `--paper-checkbox-checkmark-color` | Checkmark color | `white`
40 `--paper-checkbox-label-color` | Label color | `--primary-text-color` 40 `--paper-checkbox-label-color` | Label color | `--primary-text-color`
41 `--paper-checkbox-label-checked-color` | Label color when the input is checked | `--paper-checkbox-label-color` 41 `--paper-checkbox-label-checked-color` | Label color when the input is checked | `--paper-checkbox-label-color`
42 `--paper-checkbox-label-spacing` | Spacing between the label and the checkbox | `8px` 42 `--paper-checkbox-label-spacing` | Spacing between the label and the checkbox | `8px`
43 `--paper-checkbox-label` | Mixin applied to the label | `{}`
44 `--paper-checkbox-label-checked` | Mixin applied to the label when the input is checked | `{}`
43 `--paper-checkbox-error-color` | Checkbox color when invalid | `--error-color` 45 `--paper-checkbox-error-color` | Checkbox color when invalid | `--error-color`
44 `--paper-checkbox-size` | Size of the checkbox | `18px` 46 `--paper-checkbox-size` | Size of the checkbox | `18px`
45 `--paper-checkbox-margin` | Margin around the checkbox container | `initial` 47 `--paper-checkbox-margin` | Margin around the checkbox container | `initial`
46 `--paper-checkbox-vertical-align` | Vertical alignment of the checkbox container | `middle` 48 `--paper-checkbox-vertical-align` | Vertical alignment of the checkbox container | `middle`
47 49
48 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`. 50 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.
49 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`. 51 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.
50 52
51 @demo demo/index.html 53 @demo demo/index.html
52 --> 54 -->
53 55
54 </head><body><dom-module id="paper-checkbox"> 56 </head><body><dom-module id="paper-checkbox">
55 <template strip-whitespace=""> 57 <template strip-whitespace="">
56 <style> 58 <style>
57 :host { 59 :host {
58 display: inline-block; 60 display: inline-block;
59 white-space: nowrap; 61 white-space: nowrap;
60 cursor: pointer; 62 cursor: pointer;
61 --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px); 63 --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px);
62 @apply(--paper-font-common-base); 64 @apply(--paper-font-common-base);
63 line-height: 0; 65 line-height: 0;
64 -webkit-tap-highlight-color: transparent; 66 -webkit-tap-highlight-color: transparent;
65 } 67 }
66 68
69 :host([hidden]) {
70 display: none !important;
71 }
72
67 :host(:focus) { 73 :host(:focus) {
68 outline: none; 74 outline: none;
69 } 75 }
70 76
71 .hidden { 77 .hidden {
72 display: none; 78 display: none;
73 } 79 }
74 80
75 #checkboxContainer { 81 #checkboxContainer {
76 display: inline-block; 82 display: inline-block;
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
169 175
170 /* label */ 176 /* label */
171 #checkboxLabel { 177 #checkboxLabel {
172 position: relative; 178 position: relative;
173 display: inline-block; 179 display: inline-block;
174 vertical-align: middle; 180 vertical-align: middle;
175 padding-left: var(--paper-checkbox-label-spacing, 8px); 181 padding-left: var(--paper-checkbox-label-spacing, 8px);
176 white-space: normal; 182 white-space: normal;
177 line-height: normal; 183 line-height: normal;
178 color: var(--paper-checkbox-label-color, --primary-text-color); 184 color: var(--paper-checkbox-label-color, --primary-text-color);
185 @apply(--paper-checkbox-label);
179 } 186 }
180 187
181 :host([checked]) #checkboxLabel { 188 :host([checked]) #checkboxLabel {
182 color: var(--paper-checkbox-label-checked-color, --paper-checkbox-label- color); 189 color: var(--paper-checkbox-label-checked-color, --paper-checkbox-label- color);
190 @apply(--paper-checkbox-label-checked);
183 } 191 }
184 192
185 :host-context([dir="rtl"]) #checkboxLabel { 193 :host-context([dir="rtl"]) #checkboxLabel {
186 padding-right: var(--paper-checkbox-label-spacing, 8px); 194 padding-right: var(--paper-checkbox-label-spacing, 8px);
187 padding-left: 0; 195 padding-left: 0;
188 } 196 }
189 197
190 #checkboxLabel[hidden] { 198 #checkboxLabel[hidden] {
191 display: none; 199 display: none;
192 } 200 }
(...skipping 24 matching lines...) Expand all
217 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> 225 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
218 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> 226 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
219 </div> 227 </div>
220 </div> 228 </div>
221 229
222 <div id="checkboxLabel"><content></content></div> 230 <div id="checkboxLabel"><content></content></div>
223 </template> 231 </template>
224 232
225 </dom-module> 233 </dom-module>
226 <script src="paper-checkbox-extracted.js"></script></body></html> 234 <script src="paper-checkbox-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-checkbox/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698