| 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>
|
|
|