| 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="../paper-behaviors/paper-checked-element-behavior.html"
> | 10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html"
> |
| (...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 105 #onRadio { | 105 #onRadio { |
| 106 position: absolute; | 106 position: absolute; |
| 107 box-sizing: content-box; | 107 box-sizing: content-box; |
| 108 top: 4px; | 108 top: 4px; |
| 109 left: 4px; | 109 left: 4px; |
| 110 right: 4px; | 110 right: 4px; |
| 111 width: 8px; | 111 width: 8px; |
| 112 height: 8px; | 112 height: 8px; |
| 113 border-radius: 50%; | 113 border-radius: 50%; |
| 114 background-color: var(--paper-radio-button-checked-color, --default-prim
ary-color); | 114 background-color: var(--paper-radio-button-checked-color, --default-prim
ary-color); |
| 115 -webkit-transform: scale(0); | |
| 116 transform: scale(0); | 115 transform: scale(0); |
| 117 transition: -webkit-transform ease 0.28s; | |
| 118 transition: transform ease 0.28s; | 116 transition: transform ease 0.28s; |
| 119 } | 117 } |
| 120 | 118 |
| 121 :host([checked]) #offRadio { | 119 :host([checked]) #offRadio { |
| 122 border-color: var(--paper-radio-button-checked-color, --default-primary-
color); | 120 border-color: var(--paper-radio-button-checked-color, --default-primary-
color); |
| 123 } | 121 } |
| 124 | 122 |
| 125 :host([checked]) #onRadio { | 123 :host([checked]) #onRadio { |
| 126 -webkit-transform: scale(1); | |
| 127 transform: scale(1); | 124 transform: scale(1); |
| 128 } | 125 } |
| 129 | 126 |
| 130 #radioLabel { | 127 #radioLabel { |
| 131 position: relative; | 128 position: relative; |
| 132 display: inline-block; | 129 display: inline-block; |
| 133 vertical-align: middle; | 130 vertical-align: middle; |
| 134 margin-left: var(--paper-radio-button-label-spacing, 10px); | 131 margin-left: var(--paper-radio-button-label-spacing, 10px); |
| 135 white-space: normal; | 132 white-space: normal; |
| 136 pointer-events: none; | 133 pointer-events: none; |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 170 <div id="radioContainer"> | 167 <div id="radioContainer"> |
| 171 <div id="offRadio"></div> | 168 <div id="offRadio"></div> |
| 172 <div id="onRadio"></div> | 169 <div id="onRadio"></div> |
| 173 </div> | 170 </div> |
| 174 | 171 |
| 175 <div id="radioLabel"><content></content></div> | 172 <div id="radioLabel"><content></content></div> |
| 176 </template> | 173 </template> |
| 177 | 174 |
| 178 </dom-module> | 175 </dom-module> |
| 179 <script src="paper-radio-button-extracted.js"></script></body></html> | 176 <script src="paper-radio-button-extracted.js"></script></body></html> |
| OLD | NEW |