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: 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-tabs/paper-tabs.html ('k') | third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html » ('j') | third_party/polymer/v1_0/css_strip_prefixes.js » ('J')
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 67 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
78 @apply(--paper-toggle-button-unchecked-bar);	78 @apply(--paper-toggle-button-unchecked-bar);

79 }	79 }

80	80

81 .toggle-button {	81 .toggle-button {

82 position: absolute;	82 position: absolute;

83 top: -3px;	83 top: -3px;

84 height: 20px;	84 height: 20px;

85 width: 20px;	85 width: 20px;

86 border-radius: 50%;	86 border-radius: 50%;

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

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

89 transition: transform linear .08s, background-color linear .08s;	88 transition: transform linear .08s, background-color linear .08s;

90 will-change: transform;	89 will-change: transform;

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

92 @apply(--paper-toggle-button-unchecked-button);	91 @apply(--paper-toggle-button-unchecked-button);

93 }	92 }

94	93

95 .toggle-button.dragging {	94 .toggle-button.dragging {

96 -webkit-transition: none;

97 transition: none;	95 transition: none;

98 }	96 }

99	97

100 :host([checked]:not([disabled])) .toggle-bar {	98 :host([checked]:not([disabled])) .toggle-bar {

101 opacity: 0.5;	99 opacity: 0.5;

102 background-color: var(--paper-toggle-button-checked-bar-color, --default -primary-color);	100 background-color: var(--paper-toggle-button-checked-bar-color, --default -primary-color);

103 @apply(--paper-toggle-button-checked-bar);	101 @apply(--paper-toggle-button-checked-bar);

104 }	102 }

105	103

106 :host([disabled]) .toggle-bar {	104 :host([disabled]) .toggle-bar {

107 background-color: #000;	105 background-color: #000;

108 opacity: 0.12;	106 opacity: 0.12;

109 }	107 }

110	108

111 :host([checked]) .toggle-button {	109 :host([checked]) .toggle-button {

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

113 transform: translate(16px, 0);	110 transform: translate(16px, 0);

114 }	111 }

115	112

116 :host([checked]:not([disabled])) .toggle-button {	113 :host([checked]:not([disabled])) .toggle-button {

117 background-color: var(--paper-toggle-button-checked-button-color, --defa ult-primary-color);	114 background-color: var(--paper-toggle-button-checked-button-color, --defa ult-primary-color);

118 @apply(--paper-toggle-button-checked-button);	115 @apply(--paper-toggle-button-checked-button);

119 }	116 }

120	117

121 :host([disabled]) .toggle-button {	118 :host([disabled]) .toggle-button {

122 background-color: #bdbdbd;	119 background-color: #bdbdbd;

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

164 <div id="toggleButton" class="toggle-button"></div>	161 <div id="toggleButton" class="toggle-button"></div>

165 </div>	162 </div>

166	163

167 <div class="toggle-label"><content></content></div>	164 <div class="toggle-label"><content></content></div>

168	165

169 </template>	166 </template>

170	167

171 </dom-module>	168 </dom-module>

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

OLD	NEW