Index: polymer_1.2.3/bower_components/paper-toolbar/demo/index.html |
diff --git a/polymer_1.0.4/bower_components/paper-toolbar/demo/index.html b/polymer_1.2.3/bower_components/paper-toolbar/demo/index.html |
similarity index 80% |
copy from polymer_1.0.4/bower_components/paper-toolbar/demo/index.html |
copy to polymer_1.2.3/bower_components/paper-toolbar/demo/index.html |
index 104bb149123739d174ba12786ad929057fa842e2..26aadc6f5733ccc78a0aac98ec5c9ad5015e8d07 100644 |
--- a/polymer_1.0.4/bower_components/paper-toolbar/demo/index.html |
+++ b/polymer_1.2.3/bower_components/paper-toolbar/demo/index.html |
@@ -18,17 +18,23 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../../iron-icons/iron-icons.html"> |
<link rel="import" href="../../paper-icon-button/paper-icon-button.html"> |
- <link rel="import" href="../../paper-styles/paper-styles.html"> |
<link rel="import" href="../paper-toolbar.html"> |
+ <link rel="import" href="../../iron-flex-layout/iron-flex-layout.html"> |
- <style> |
+ <style is="custom-style"> |
paper-toolbar + paper-toolbar { |
margin-top: 20px; |
} |
+ paper-toolbar.red { |
+ --paper-toolbar-background: red; |
+ } |
+ .spacer { |
+ @apply(--layout-flex); |
+ } |
</style> |
</head> |
-<body> |
+<body unresolved> |
<paper-toolbar> |
<paper-icon-button icon="menu"></paper-icon-button> |
@@ -37,6 +43,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<paper-icon-button icon="add">+</paper-icon-button> |
</paper-toolbar> |
+ <paper-toolbar class="red"> |
+ <paper-icon-button icon="menu"></paper-icon-button> |
+ <span class="title">Toolbar: custom background color</span> |
+ <paper-icon-button icon="refresh"></paper-icon-button> |
+ <paper-icon-button icon="add">+</paper-icon-button> |
+ </paper-toolbar> |
+ |
<paper-toolbar class="tall"> |
<paper-icon-button icon="menu"></paper-icon-button> |
<span class="title">Toolbar: tall</span> |
@@ -53,7 +66,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<paper-toolbar class="medium-tall"> |
<paper-icon-button icon="menu"></paper-icon-button> |
- <span class="flex"></span> |
+ <span class="spacer"></span> |
<paper-icon-button icon="refresh"></paper-icon-button> |
<paper-icon-button icon="add">+</paper-icon-button> |
<span class="bottom title">Toolbar: medium-tall with label aligns to the bottom</span> |
@@ -61,7 +74,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<paper-toolbar class="tall"> |
<paper-icon-button icon="menu"></paper-icon-button> |
- <div class="flex"></div> |
+ <div class="spacer"></div> |
<paper-icon-button icon="refresh"></paper-icon-button> |
<paper-icon-button icon="add">+</paper-icon-button> |
<div class="middle title">label aligns to the middle</div> |
@@ -70,11 +83,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<paper-toolbar class="tall"> |
<paper-icon-button icon="menu"></paper-icon-button> |
- <div class="flex"></div> |
+ <div class="spacer"></div> |
<paper-icon-button icon="refresh"></paper-icon-button> |
<paper-icon-button icon="add">+</paper-icon-button> |
<div class="middle title">element (e.g. progress) fits at the bottom of the toolbar</div> |
- <div class="bottom flex" style="height: 20px; background-color: #0f9d58;"></div> |
+ <div class="bottom fit" style="height: 20px; background-color: #0f9d58;"></div> |
</paper-toolbar> |
</body> |