Index: polymer_1.2.3/bower_components/iron-icons/demo/index.html |
diff --git a/polymer_1.0.4/bower_components/iron-icons/demo/index.html b/polymer_1.2.3/bower_components/iron-icons/demo/index.html |
similarity index 83% |
copy from polymer_1.0.4/bower_components/iron-icons/demo/index.html |
copy to polymer_1.2.3/bower_components/iron-icons/demo/index.html |
index d5daf8f6850daf3ff5d0de7e3e5e5f9eaffff773..acfbf36cc7d141a99a5d6a1e8841cd1e6f5c254e 100644 |
--- a/polymer_1.0.4/bower_components/iron-icons/demo/index.html |
+++ b/polymer_1.2.3/bower_components/iron-icons/demo/index.html |
@@ -11,16 +11,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<html> |
<head> |
- <title>iron-icons</title> |
- |
- <!-- polyfill WebComponents, if needed --> |
+ <title>iron-icons demo</title> |
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
- |
- <!-- styles for the demo --> |
- <link href="../../paper-styles/demo-pages.html" rel="import"> |
- |
- <!-- load layout classes --> |
- <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html"> |
+ <link rel="import" href="../../paper-styles/demo-pages.html"> |
+ <link rel="import" href="../../paper-styles/color.html"> |
+ <link rel="import" href="../../iron-flex-layout/iron-flex-layout.html"> |
<!-- load default iconset --> |
<link rel="import" href="../iron-icons.html"> |
@@ -35,9 +30,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../maps-icons.html"> |
<link rel="import" href="../notification-icons.html"> |
<link rel="import" href="../social-icons.html"> |
+ <link rel="import" href="../places-icons.html"> |
<style is="custom-style"> |
- |
+ |
h2 { |
text-transform: capitalize; |
} |
@@ -55,6 +51,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
margin: auto; |
padding: 1em 0; |
border-bottom: 1px solid silver; |
+ @apply(--layout-horizontal); |
+ @apply(--layout-wrap); |
} |
.set:last-of-type { |
@@ -66,7 +64,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
} |
.set:nth-of-type(4n-2) { |
- color: var(--google-yellow-300); |
+ color: var(--paper-pink-500); |
} |
.set:nth-of-type(4n-1) { |
@@ -81,6 +79,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
min-width: 10em; |
padding: 1em 0.5em; |
text-align: center; |
+ @apply(--layout-vertical); |
+ @apply(--layout-center); |
+ @apply(--layout-flex-1); |
} |
.container > div { |
@@ -94,7 +95,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
</head> |
<body> |
- |
<template is="dom-bind"> |
<iron-meta type="iconset" list="{{iconsets}}"></iron-meta> |
@@ -103,11 +103,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<h2>{{item.name}}</h2> |
- <div class="set horizontal wrap layout"> |
+ <div class="set"> |
<template is="dom-repeat" items="{{getIconNames(item)}}"> |
- <span class="container vertical center layout flex-1"> |
+ <span class="container"> |
<iron-icon icon="{{item}}"></iron-icon> |
<div>{{item}}</div> |
</span> |