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

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-checkbox/paper-checkbox.css

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 6 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 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
6 Code distributed by Google as part of the polymer project is also 6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
8 */ 8 */
9 9
10 :host { 10 :host {
(...skipping 20 matching lines...) Expand all
31 vertical-align: middle; 31 vertical-align: middle;
32 } 32 }
33 33
34 :host #ink { 34 :host #ink {
35 position: absolute; 35 position: absolute;
36 top: -15px; 36 top: -15px;
37 left: -15px; 37 left: -15px;
38 width: 48px; 38 width: 48px;
39 height: 48px; 39 height: 48px;
40 color: var(--paper-checkbox-unchecked-ink-color); 40 color: var(--paper-checkbox-unchecked-ink-color);
41 opacity: 0.6;
41 } 42 }
42 43
43 :host #ink[checked] { 44 :host #ink[checked] {
44 color: var(--paper-checkbox-checked-ink-color); 45 color: var(--paper-checkbox-checked-ink-color);
45 } 46 }
46 47
47 :host #checkbox { 48 :host #checkbox {
48 position: relative; 49 position: relative;
49 box-sizing: border-box; 50 box-sizing: border-box;
50 height: 100%; 51 height: 100%;
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
114 } 115 }
115 116
116 /* label */ 117 /* label */
117 #checkboxLabel { 118 #checkboxLabel {
118 position: relative; 119 position: relative;
119 display: inline-block; 120 display: inline-block;
120 vertical-align: middle; 121 vertical-align: middle;
121 padding-left: 8px; 122 padding-left: 8px;
122 white-space: normal; 123 white-space: normal;
123 pointer-events: none; 124 pointer-events: none;
125 color: var(--paper-checkbox-label-color);
124 } 126 }
125 127
126 #checkboxLabel[hidden] { 128 #checkboxLabel[hidden] {
127 display: none; 129 display: none;
128 } 130 }
129 131
130 /* disabled state */ 132 /* disabled state */
131 :host([disabled]) { 133 :host([disabled]) {
132 pointer-events: none; 134 pointer-events: none;
133 } 135 }
134 136
135 :host([disabled]) #checkbox { 137 :host([disabled]) #checkbox {
136 opacity: 0.33; 138 opacity: 0.5;
137 border-color: var(--paper-checkbox-unchecked-color); 139 border-color: var(--paper-checkbox-unchecked-color);
138 } 140 }
139 141
140 :host([disabled][checked]) #checkbox { 142 :host([disabled][checked]) #checkbox {
141 background-color: var(--paper-checkbox-unchecked-color); 143 background-color: var(--paper-checkbox-unchecked-color);
144 opacity: 0.5;
142 } 145 }
146
147 :host([disabled]) #checkboxLabel {
148 opacity: 0.65;
149 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698