| Index: third_party/polymer/components/paper-icon-button/paper-icon-button-light.html
|
| diff --git a/third_party/polymer/components/paper-icon-button/paper-icon-button-light.html b/third_party/polymer/components/paper-icon-button/paper-icon-button-light.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c1c6c4e3c5b29e601a20466f7e1129b627e4d3e1
|
| --- /dev/null
|
| +++ b/third_party/polymer/components/paper-icon-button/paper-icon-button-light.html
|
| @@ -0,0 +1,91 @@
|
| +<!--
|
| +@license
|
| +Copyright (c) 2016 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-behaviors/paper-ripple-behavior.html">
|
| +
|
| +<!--
|
| +@group Paper Elements
|
| +@element paper-icon-button-light
|
| +@demo demo/paper-icon-button-light.html
|
| +-->
|
| +<dom-module id="paper-icon-button-light">
|
| + <template strip-whitespace>
|
| + <style>
|
| + :host {
|
| + vertical-align: middle;
|
| + color: inherit;
|
| + outline: none;
|
| + width: 24px;
|
| + height: 24px;
|
| + background: none;
|
| + margin: 0;
|
| + border: none;
|
| + padding: 0;
|
| +
|
| + position: relative;
|
| + cursor: pointer;
|
| +
|
| + /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */
|
| + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
| + -webkit-tap-highlight-color: transparent;
|
| + }
|
| +
|
| + :host([disabled]) {
|
| + color: #9b9b9b;
|
| + pointer-events: none;
|
| + cursor: auto;
|
| + }
|
| +
|
| + paper-ripple {
|
| + opacity: 0.6;
|
| + color: currentColor;
|
| + }
|
| + </style>
|
| + <content></content>
|
| + </template>
|
| + <script>
|
| + Polymer({
|
| + is: 'paper-icon-button-light',
|
| + extends: 'button',
|
| +
|
| + behaviors: [
|
| + Polymer.PaperRippleBehavior
|
| + ],
|
| +
|
| + listeners: {
|
| + 'down': '_rippleDown',
|
| + 'up': '_rippleUp',
|
| + 'focus': '_rippleDown',
|
| + 'blur': '_rippleUp',
|
| + },
|
| +
|
| + _rippleDown: function() {
|
| + this.getRipple().downAction();
|
| + },
|
| +
|
| + _rippleUp: function() {
|
| + this.getRipple().upAction();
|
| + },
|
| +
|
| + /**
|
| + * @param {...*} var_args
|
| + */
|
| + ensureRipple: function(var_args) {
|
| + var lastRipple = this._ripple;
|
| + Polymer.PaperRippleBehavior.ensureRipple.apply(this, arguments);
|
| + if (this._ripple && this._ripple !== lastRipple) {
|
| + this._ripple.center = true;
|
| + this._ripple.classList.add('circle');
|
| + }
|
| + }
|
| + });
|
| + </script>
|
| +</dom-module>
|
|
|