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

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 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Process CSS files too. Created 4 years, 10 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-button/paper-button.html ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-common.css » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')
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) 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-ripple/paper-ripple.html"> 10 <link rel="import" href="../paper-ripple/paper-ripple.html">
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
99 } 99 }
100 100
101 #checkbox { 101 #checkbox {
102 position: relative; 102 position: relative;
103 box-sizing: border-box; 103 box-sizing: border-box;
104 height: 100%; 104 height: 100%;
105 border: solid 2px; 105 border: solid 2px;
106 border-color: var(--paper-checkbox-unchecked-color, --primary-text-color ); 106 border-color: var(--paper-checkbox-unchecked-color, --primary-text-color );
107 border-radius: 2px; 107 border-radius: 2px;
108 pointer-events: none; 108 pointer-events: none;
109 -webkit-transition: background-color 140ms, border-color 140ms;
110 transition: background-color 140ms, border-color 140ms; 109 transition: background-color 140ms, border-color 140ms;
111 } 110 }
112 111
113 /* checkbox checked animations */ 112 /* checkbox checked animations */
114 #checkbox.checked #checkmark { 113 #checkbox.checked #checkmark {
115 -webkit-animation: checkmark-expand 140ms ease-out forwards;
116 animation: checkmark-expand 140ms ease-out forwards; 114 animation: checkmark-expand 140ms ease-out forwards;
117 } 115 }
118 116
119 @-webkit-keyframes checkmark-expand {
120 0% {
121 -webkit-transform: scale(0, 0) rotate(45deg);
122 }
123 100% {
124 -webkit-transform: scale(1, 1) rotate(45deg);
125 }
126 }
127 117
128 @keyframes checkmark-expand { 118 @keyframes checkmark-expand {
129 0% { 119 0% {
130 transform: scale(0, 0) rotate(45deg); 120 transform: scale(0, 0) rotate(45deg);
131 } 121 }
132 100% { 122 100% {
133 transform: scale(1, 1) rotate(45deg); 123 transform: scale(1, 1) rotate(45deg);
134 } 124 }
135 } 125 }
136 126
137 #checkbox.checked { 127 #checkbox.checked {
138 background-color: var(--paper-checkbox-checked-color, --default-primary- color); 128 background-color: var(--paper-checkbox-checked-color, --default-primary- color);
139 border-color: var(--paper-checkbox-checked-color, --default-primary-colo r); 129 border-color: var(--paper-checkbox-checked-color, --default-primary-colo r);
140 } 130 }
141 131
142 #checkmark { 132 #checkmark {
143 position: absolute; 133 position: absolute;
144 width: 36%; 134 width: 36%;
145 height: 70%; 135 height: 70%;
146 border-style: solid; 136 border-style: solid;
147 border-top: none; 137 border-top: none;
148 border-left: none; 138 border-left: none;
149 border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size)); 139 border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size));
150 border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size)); 140 border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size));
151 border-color: var(--paper-checkbox-checkmark-color, white); 141 border-color: var(--paper-checkbox-checkmark-color, white);
152 transform-origin: 97% 86%; 142 transform-origin: 97% 86%;
153 -webkit-transform-origin: 97% 86%;
154 } 143 }
155 144
156 :host-context([dir="rtl"]) #checkmark { 145 :host-context([dir="rtl"]) #checkmark {
157 transform-origin: 50% 14%; 146 transform-origin: 50% 14%;
158 -webkit-transform-origin: 50% 14%;
159 } 147 }
160 148
161 /* label */ 149 /* label */
162 #checkboxLabel { 150 #checkboxLabel {
163 position: relative; 151 position: relative;
164 display: inline-block; 152 display: inline-block;
165 vertical-align: middle; 153 vertical-align: middle;
166 padding-left: var(--paper-checkbox-label-spacing, 8px); 154 padding-left: var(--paper-checkbox-label-spacing, 8px);
167 white-space: normal; 155 white-space: normal;
168 pointer-events: none; 156 pointer-events: none;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
207 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> 195 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
208 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> 196 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
209 </div> 197 </div>
210 </div> 198 </div>
211 199
212 <div id="checkboxLabel"><content></content></div> 200 <div id="checkboxLabel"><content></content></div>
213 </template> 201 </template>
214 202
215 </dom-module> 203 </dom-module>
216 <script src="paper-checkbox-extracted.js"></script></body></html> 204 <script src="paper-checkbox-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-common.css » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698