pkg/polymer/lib/elements/polymer-elements/smoke.html - Issue 175443005: [polymer] import all elements

Unified Diff: pkg/polymer/lib/elements/polymer-elements/smoke.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, 10 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « pkg/polymer/lib/elements/polymer-elements/polymer-elements.html ('k') | pkg/polymer/lib/elements/polymer-file/.bower.json » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: pkg/polymer/lib/elements/polymer-elements/smoke.html

diff --git a/pkg/polymer/lib/elements/polymer-elements/smoke.html b/pkg/polymer/lib/elements/polymer-elements/smoke.html

new file mode 100644

index 0000000000000000000000000000000000000000..aa4f0f1b72e49e2eda3ed13bf0de206d6cf326cb

--- /dev/null

+++ b/pkg/polymer/lib/elements/polymer-elements/smoke.html

@@ -0,0 +1,130 @@

+<!DOCTYPE html>

+<html>

+<head>

+ <title>polymer-flex-layout</title>

+ <script src="../../polymer/polymer.js"></script>

+ <link rel="import" href="polymer-flex-layout.html">

+ <link rel="import" href="polymer-flex-panel.html">

+ <style>

+ body {

+ font-size: 20px;

+ }

+ flex-css, flex-container, flex-nonvisual {

+ height: 300px;

+ }

+ </style>

+</head>

+<body>

+ <polymer-element name="flex-css">

+ <template>

+ <link rel="stylesheet" href="polymer-flex-layout.css">

+ <style>

+ div {

+ box-sizing: border-box;

+ -moz-box-sizing: border-box;

+ border: 2px solid #ccc;

+ }

+ </style>

+ <div class="flexbox" flex>

+ <div>Hi I'm some content</div>

+ <div class="flexbox column" flex>

+ <div class="flexbox align-center">

+ <h3>Title</h3>

+ <button>hello</button>

+ </div>

+ <div class="flexbox" flex>

+ <div flex>Main content</div>

+ <div>Sidebar content</div>

+ </div>

+ <div>Some more stuffs...</div>

+ <div class="flexbox justify-end">

+ <b>Footer</b>

+ </div>

+ <div>A last bit, like a panel</div>

+ </div>

+ </template>

+ <script>

+ Polymer('flex-css', {

+ ready: function() {

+ this.classList.add('flexbox');

+ }

+ });

+ </script>

+ </polymer-element>

+ <polymer-element name="flex-container" noscript extends="polymer-flex-panel">

+ <template>

+ <style>

+ div, polymer-flex-panel {

+ box-sizing: border-box;

+ -moz-box-sizing: border-box;

+ border: 2px solid #ccc;

+ }

+ </style>

+ <div>Hi I'm some content</div>

+ <polymer-flex-panel vertical flex>

+ <polymer-flex-panel align="center">

+ <h3>Title</h3>

+ <button>hello</button>

+ </polymer-flex-panel>

+ <polymer-flex-panel flex>

+ <div flex>Main content</div>

+ <div>Sidebar content</div>

+ </polymer-flex-panel>

+ <div>Some more stuffs...</div>

+ <polymer-flex-panel justify="end">

+ <b>Footer</b>

+ </polymer-flex-panel>

+ <div>A last bit, like a panel</div>

+ </template>

+ </polymer-element>

+ <polymer-element name="flex-nonvisual" noscript>

+ <template>

+ <style>

+ div {

+ box-sizing: border-box;

+ -moz-box-sizing: border-box;

+ border: 2px solid #ccc;

+ }

+ </style>

+ <polymer-flex-layout></polymer-flex-layout>

+ <div flex>

+ <polymer-flex-layout></polymer-flex-layout>

+ <div>Hi I'm some content</div>

+ <div flex>

+ <polymer-flex-layout vertical></polymer-flex-layout>

+ <div>

+ <polymer-flex-layout align="center"></polymer-flex-layout>

+ <h3>Title</h3>

+ <button>hello</button>

+ </div>

+ <div flex>

+ <polymer-flex-layout></polymer-flex-layout>

+ <div flex>Main content</div>

+ <div>Sidebar content</div>

+ </div>

+ <div>Some more stuffs...</div>

+ <div>

+ <polymer-flex-layout justify="end"></polymer-flex-layout>

+ <b>Footer</b>

+ </div>

+ <div>A last bit, like a panel</div>

+ </div>

+ </template>

+ </polymer-element>

+ <h3>polymer-flex-layout.css</h3>

+ <flex-css></flex-css>

+ <br>

+ <h3>polymer-flex-panel element</h3>

+ <flex-container></flex-container>

+ <br>

+ <h3>polymer-flex-layout element</h3>

+ <flex-nonvisual></flex-nonvisual>

+</body>

+</html>