Index: polymer_0.5.0/bower_components/paper-icon-button/demo.html |
diff --git a/bower_components/paper-icon-button/demo.html b/polymer_0.5.0/bower_components/paper-icon-button/demo.html |
similarity index 73% |
rename from bower_components/paper-icon-button/demo.html |
rename to polymer_0.5.0/bower_components/paper-icon-button/demo.html |
index 580a5ce905c2ae650078d67c8d271f4e50614d42..258b341ec7c39ad0099fd4e06b1a8aca46ffcec2 100644 |
--- a/bower_components/paper-icon-button/demo.html |
+++ b/polymer_0.5.0/bower_components/paper-icon-button/demo.html |
@@ -8,7 +8,7 @@ license that can be found in the LICENSE file. |
<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> |
+ <script src="../webcomponentsjs/webcomponents.js"></script> |
<link rel="import" href="../core-icons/core-icons.html"> |
<link rel="import" href="paper-icon-button.html"> |
@@ -53,6 +53,11 @@ license that can be found in the LICENSE file. |
color: #4285f4; |
} |
+ paper-icon-button.huge::shadow #icon { |
+ width: 100px; |
+ height: 100px; |
+ } |
+ |
/* core-selector paper-icon-button:not([active])::shadow core-icon { |
color: #c9c9c9; |
} |
@@ -72,10 +77,10 @@ license that can be found in the LICENSE file. |
<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> |
+ <paper-icon-button icon="menu" title="menu"></paper-icon-button> |
+ <paper-icon-button icon="arrow-back" title="arrow-back"></paper-icon-button> |
+ <paper-icon-button icon="arrow-forward" title="arrow-forward"></paper-icon-button> |
+ <paper-icon-button disabled icon="clear" title="clear"></paper-icon-button> |
</section> |
@@ -85,10 +90,23 @@ license that can be found in the LICENSE file. |
<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> |
+ <paper-icon-button class="hover" icon="favorite" title="with :hover style"></paper-icon-button> |
+ <paper-icon-button class="red" icon="favorite" title="red icon"></paper-icon-button> |
+ <paper-icon-button class="red blueRipple" icon="favorite" title="red icon, blue ripple"></paper-icon-button> |
+ |
+ <br> |
+ |
+ <paper-icon-button class="huge" icon="favorite" title="huge"></paper-icon-button> |
+ |
+ </section> |
+ |
+ <section> |
+ |
+ <div>Link</div> |
+ |
+ <a href="https://www.polymer-project.org" target="_blank"> |
+ <paper-icon-button icon="polymer" title="polymer"></paper-icon-button> |
+ </a> |
</section> |
@@ -112,7 +130,7 @@ license that can be found in the LICENSE file. |
<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> |
+ <paper-icon-button class="custom" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" aria-label="octocat" title="octocat"></paper-icon-button> |
</section> |
</column> |