third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html - Issue 1633603004: Add script to remove prefixed CSS from third_party/polymer.

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.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: add missing files Created 3 years, 9 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-tabs/paper-tabs.html ('k') | third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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="../iron-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

(...skipping 77 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
88 }	88 }

89	89

90 .toggle-button {	90 .toggle-button {

91 position: absolute;	91 position: absolute;

92 top: -3px;	92 top: -3px;

93 left: 0;	93 left: 0;

94 height: 20px;	94 height: 20px;

95 width: 20px;	95 width: 20px;

96 border-radius: 50%;	96 border-radius: 50%;

97 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);	97 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);

98 transition: -webkit-transform linear .08s, background-color linear .08s;

99 transition: transform linear .08s, background-color linear .08s;	98 transition: transform linear .08s, background-color linear .08s;

100 will-change: transform;	99 will-change: transform;

101 background-color: var(--paper-toggle-button-unchecked-button-color, --pa per-grey-50);	100 background-color: var(--paper-toggle-button-unchecked-button-color, --pa per-grey-50);

102	101

103 @apply(--paper-toggle-button-unchecked-button);	102 @apply(--paper-toggle-button-unchecked-button);

104 }	103 }

105	104

106 .toggle-button.dragging {	105 .toggle-button.dragging {

107 -webkit-transition: none;

108 transition: none;	106 transition: none;

109 }	107 }

110	108

111 :host([checked]:not([disabled])) .toggle-bar {	109 :host([checked]:not([disabled])) .toggle-bar {

112 opacity: 0.5;	110 opacity: 0.5;

113 background-color: var(--paper-toggle-button-checked-bar-color, --primary -color);	111 background-color: var(--paper-toggle-button-checked-bar-color, --primary -color);

114	112

115 @apply(--paper-toggle-button-checked-bar);	113 @apply(--paper-toggle-button-checked-bar);

116 }	114 }

117	115

118 :host([disabled]) .toggle-bar {	116 :host([disabled]) .toggle-bar {

119 background-color: #000;	117 background-color: #000;

120 opacity: 0.12;	118 opacity: 0.12;

121 }	119 }

122	120

123 :host([checked]) .toggle-button {	121 :host([checked]) .toggle-button {

124 -webkit-transform: translate(16px, 0);

125 transform: translate(16px, 0);	122 transform: translate(16px, 0);

126 }	123 }

127	124

128 :host([checked]:not([disabled])) .toggle-button {	125 :host([checked]:not([disabled])) .toggle-button {

129 background-color: var(--paper-toggle-button-checked-button-color, --prim ary-color);	126 background-color: var(--paper-toggle-button-checked-button-color, --prim ary-color);

130	127

131 @apply(--paper-toggle-button-checked-button);	128 @apply(--paper-toggle-button-checked-button);

132 }	129 }

133	130

134 :host([disabled]) .toggle-button {	131 :host([disabled]) .toggle-button {

(...skipping 59 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
194 <div id="toggleBar" class="toggle-bar"></div>	191 <div id="toggleBar" class="toggle-bar"></div>

195 <div id="toggleButton" class="toggle-button"></div>	192 <div id="toggleButton" class="toggle-button"></div>

196 </div>	193 </div>

197	194

198 <div class="toggle-label"><content></content></div>	195 <div class="toggle-label"><content></content></div>

199	196

200 </template>	197 </template>

201	198

202 </dom-module>	199 </dom-module>

203 <script src="paper-toggle-button-extracted.js"></script></body></html>	200 <script src="paper-toggle-button-extracted.js"></script></body></html>

OLD	NEW