This repository has been archived by the owner on Mar 13, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 18
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
make 'value' attribute, add metadata, update landing page
- Loading branch information
Scott J. Miles
committed
Dec 13, 2013
1 parent
289e14e
commit 1fea71c
Showing
4 changed files
with
69 additions
and
221 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <x-meta id="code-mirror" label="code-mirror"> | ||
| <template> | ||
| <code-mirror style="width: 400px;height: 300px;"><polymer-element name='my-element'> | ||
| <template></template> | ||
| <script> | ||
| Polymer('my-element', {}); | ||
| </script> | ||
| </polymer-element></code-mirror> | ||
| </template> | ||
| <template id="imports"> | ||
| <link rel="import" href="code-mirror.html"> | ||
| </template> | ||
| </x-meta> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,130 +1,26 @@ | ||
| <!DOCTYPE html> | ||
| <!doctype html> | ||
| <!-- | ||
| Copyright 2013 The Polymer Authors. All rights reserved. | ||
| Use of this source code is governed by a BSD-style | ||
| license that can be found in the LICENSE file. | ||
| --> | ||
| <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"> | ||
| <title></title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="import" href="code-mirror.html"> | ||
| <style> | ||
| body { | ||
| font-size: 20px; | ||
| } | ||
|
|
||
| flex-css, flex-container, flex-nonvisual { | ||
| height: 300px; | ||
| position: relative; | ||
| height: 500px; | ||
| width: 500px; | ||
| } | ||
| </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> | ||
| <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> | ||
| </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> | ||
| <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> | ||
| <code-mirror>function test() { | ||
| var x = true; | ||
| }</code-mirror> | ||
| </body> | ||
| </html> |