diff options
Diffstat (limited to 'systrace/catapult/third_party/polymer/components/paper-behaviors/demo/paper-radio-button.html')
-rw-r--r-- | systrace/catapult/third_party/polymer/components/paper-behaviors/demo/paper-radio-button.html | 112 |
1 files changed, 0 insertions, 112 deletions
diff --git a/systrace/catapult/third_party/polymer/components/paper-behaviors/demo/paper-radio-button.html b/systrace/catapult/third_party/polymer/components/paper-behaviors/demo/paper-radio-button.html deleted file mode 100644 index b847086..0000000 --- a/systrace/catapult/third_party/polymer/components/paper-behaviors/demo/paper-radio-button.html +++ /dev/null @@ -1,112 +0,0 @@ -<!-- -@license -Copyright (c) 2015 The Polymer Project Authors. All rights reserved. -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt -Code distributed by Google as part of the polymer project is also -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt ---> - -<link rel="import" href="../../polymer/polymer.html"> -<link rel="import" href="../paper-checked-element-behavior.html"> - -<dom-module id="paper-radio-button"> - <template> - <style> - :host { - display: inline-block; - white-space: nowrap; - } - - :host(:focus) { - outline: none - } - - #radioContainer { - display: inline-block; - position: relative; - width: 16px; - height: 16px; - cursor: pointer; - vertical-align: middle; - } - - #offRadio { - position: absolute; - top: 0px; - left: 0px; - width: 12px; - height: 12px; - border-radius: 50%; - border: solid 2px; - border-color: black; - transition: border-color 0.28s; - } - - #onRadio { - position: absolute; - top: 4px; - left: 4px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: red; - -webkit-transform: scale(0); - transform: scale(0); - transition: -webkit-transform ease 0.28s; - transition: transform ease 0.28s; - } - - :host([disabled]) { - opacity: 0.3; - pointer-events: none; - } - - :host([pressed]) #offRadio, - :host([active]) #offRadio { - border-color: red; - } - - :host([pressed]) #onRadio, - :host([active]) #onRadio { - -webkit-transform: scale(1); - transform: scale(1); - } - - #ink { - position: absolute; - top: -16px; - left: -16px; - width: 48px; - height: 48px; - } - </style> - - <div id="radioContainer"> - <div id="offRadio"></div> - <div id="onRadio"></div> - </div> - </template> - - <script> - Polymer({ - behaviors: [ - Polymer.PaperCheckedElementBehavior - ], - - hostAttributes: { - role: 'radio' - }, - - ready: function() { - this.toggles = true; - }, - - _createRipple: function() { - this._rippleContainer = this.$.radioContainer; - return Polymer.PaperInkyFocusBehaviorImpl._createRipple.call(this); - } - }); - </script> -</dom-module> |