Index: bower_components/paper-icon-button/demo.html |
diff --git a/bower_components/paper-icon-button/demo.html b/bower_components/paper-icon-button/demo.html |
deleted file mode 100644 |
index 580a5ce905c2ae650078d67c8d271f4e50614d42..0000000000000000000000000000000000000000 |
--- a/bower_components/paper-icon-button/demo.html |
+++ /dev/null |
@@ -1,136 +0,0 @@ |
-<!doctype html> |
-<!-- |
-Copyright 2013 The Polymer Authors. All rights reserved. |
-Use of this source code is governed by a BSD-style |
-license that can be found in the LICENSE file. |
---> |
-<html> |
- <head> |
- <title>paper-icon-button</title> |
- <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> |
- <script src="../platform/platform.js"></script> |
- |
- <link rel="import" href="../core-icons/core-icons.html"> |
- <link rel="import" href="paper-icon-button.html"> |
- |
- <style shim-shadowdom> |
- body { |
- font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; |
- font-size: 14px; |
- margin: 0; |
- padding: 24px; |
- -webkit-user-select: none; |
- -moz-user-select: none; |
- -ms-user-select: none; |
- user-select: none; |
- -webkit-tap-highlight-color: rgba(0,0,0,0); |
- -webkit-touch-callout: none; |
- } |
- |
- section { |
- padding: 20px 0; |
- } |
- |
- section > div { |
- padding: 14px; |
- font-size: 16px; |
- } |
- |
- paper-icon-button { |
- vertical-align: middle; |
- } |
- |
- paper-icon-button.hover:hover { |
- background: #eee; |
- border-radius: 50%; |
- } |
- |
- paper-icon-button.red { |
- color: #fe774d; |
- } |
- |
- paper-icon-button.blueRipple::shadow #ripple { |
- color: #4285f4; |
- } |
- |
-/* core-selector paper-icon-button:not([active])::shadow core-icon { |
- color: #c9c9c9; |
- } |
-*/ |
- paper-icon-button.custom { |
- color: #a9edff; |
- } |
- </style> |
- |
- </head> |
- |
- <body unresolved onclick="clickAction(event);"> |
- |
- <column> |
- |
- <section> |
- |
- <div>Icon buttons</div> |
- |
- <paper-icon-button icon="menu"></paper-icon-button> |
- <paper-icon-button icon="arrow-back"></paper-icon-button> |
- <paper-icon-button icon="arrow-forward"></paper-icon-button> |
- <paper-icon-button disabled icon="clear"></paper-icon-button> |
- |
- </section> |
- |
- <br> |
- |
- <section> |
- |
- <div>Styled</div> |
- |
- <paper-icon-button icon="favorite"></paper-icon-button> |
- <paper-icon-button class="hover" icon="favorite"></paper-icon-button> |
- <paper-icon-button class="red" icon="favorite"></paper-icon-button> |
- <paper-icon-button class="red blueRipple" icon="favorite"></paper-icon-button> |
- |
- </section> |
- |
-<!-- <section> |
- <span>focused</span> |
- <paper-icon-button focused icon="social:cake"></paper-icon-button> |
- <paper-icon-button focused icon="social:plus-one"></paper-icon-button> |
- </section> |
- --> |
-<!-- <section> |
- <span>segmented</span> |
- <core-selector selected="1"> |
- <paper-icon-button fill isToggle icon="maps:directionswalk"></paper-icon-button> |
- <paper-icon-button fill isToggle icon="maps:directions-bike"></paper-icon-button> |
- <paper-icon-button fill isToggle icon="maps:directions-transit"></paper-icon-button> |
- <paper-icon-button fill isToggle icon="maps:directions-car"></paper-icon-button> |
- </core-selector> |
- </section> |
- --> |
- <section> |
- |
- <div>Custom icon src</div> |
- |
- <paper-icon-button class="custom" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" aria-label="octocat"></paper-icon-button> |
- |
- </section> |
- </column> |
- |
- <script> |
- |
- function clickAction(e) { |
- var t = e.target; |
- if (t.localName === 'paper-icon-button') { |
- if (t.hasAttribute('disabled')) { |
- console.error('should not be able to click disabled button', t); |
- } else { |
- console.log('click', t); |
- } |
- } |
- } |
- |
- </script> |
- |
- </body> |
-</html> |