Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(550)

Side by Side Diff: pkg/polymer/lib/elements/polymer-ui-toolbar/demo.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1
2 <!doctype html>
3 <!--
4 Copyright 2013 The Polymer Authors. All rights reserved.
5 Use of this source code is governed by a BSD-style
6 license that can be found in the LICENSE file.
7 -->
8 <html>
9 <head>
10 <title>polymer-ui-toolbar</title>
11 <meta charset="utf-8">
12 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
13 <!-- load toolkit -->
14 <script src="../platform/platform.js"></script>
15 <!-- import elements-->
16 <link rel="import" href="polymer-ui-toolbar.html">
17 <link rel="import" href="../polymer-ui-icon-button/polymer-ui-icon-button.ht ml">
18 <!-- -->
19 <link rel="stylesheet" href="../polymer-ui-base/base.css">
20 <style>
21 /* toolbar custom theme (would work even if toolbar is inside n-levels of Shadow DOM) */
22 body ^^ polymer-ui-toolbar.my-custom-theme {
23 background-color: #5599FF;
24 color: #BBD6FF;
25 font-size: 28px;
26 }
27 body ^^ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover {
28 background-color: #77ABFA;
29 }
30 body ^^ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover ^ polymer-ui-icon {
31 transition: -webkit-transform 0.33s;
32 transition: transform 0.33s;
33 -webkit-transform: rotate(180deg);
34 transform: rotate(180deg);
35 }
36 </style>
37 </head>
38 <body class="polymer-ui-body-text" unresolved>
39 <polymer-ui-toolbar>
40 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
41 <div flex>Toolbar: default theme</div>
42 <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
43 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
44 </polymer-ui-toolbar>
45 <br>
46 <polymer-ui-toolbar theme="polymer-ui-light-theme">
47 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
48 <div flex>Toolbar: polymer-ui-light-theme</div>
49 <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
50 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
51 </polymer-ui-toolbar>
52 <br>
53 <polymer-ui-toolbar theme="polymer-ui-dark-theme">
54 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
55 <div flex>Toolbar: polymer-ui-dark-theme</div>
56 <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
57 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
58 </polymer-ui-toolbar>
59 <br>
60 <polymer-ui-toolbar theme="polymer-ui-dark-theme">
61 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
62 <div flex>Toolbar: responsive</div>
63 <polymer-ui-toolbar responsive>
64 <polymer-ui-icon-button icon="trash"></polymer-ui-icon-button>
65 <polymer-ui-icon-button icon="search"></polymer-ui-icon-button>
66 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
67 </polymer-ui-toolbar>
68 </polymer-ui-toolbar>
69 <br>
70 <div theme="polymer-ui-dark-theme">
71 <div>
72 <polymer-ui-toolbar>
73 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
74 <div flex>Toolbar: container theme</div>
75 <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
76 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
77 </polymer-ui-toolbar>
78 </div>
79 </div>
80 <br>
81 <polymer-ui-toolbar theme="my-custom-theme">
82 <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
83 <div flex>Toolbar: custom theme</div>
84 <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
85 <polymer-ui-icon-button icon="add"></polymer-ui-icon-button>
86 </polymer-ui-toolbar>
87 </body>
88 </html>
OLDNEW
« no previous file with comments | « pkg/polymer/lib/elements/polymer-ui-toolbar/bower.json ('k') | pkg/polymer/lib/elements/polymer-ui-toolbar/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698