Skip to content
This repository was archived by the owner on Apr 19, 2026. It is now read-only.

Commit 3c132c8

Browse files
author
Scott J. Miles
committed
docs.json
1 parent a51054a commit 3c132c8

2 files changed

Lines changed: 141 additions & 0 deletions

File tree

‎docs.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"project": {
3+
"name": "Docs",
4+
"description": "Docs"
5+
},
6+
"files": {},
7+
"modules": {},
8+
"classes": {},
9+
"classitems": [],
10+
"warnings": []
11+
}

‎smoke.html‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>polymer-flex-layout</title>
5+
<script src="../../polymer/polymer.js"></script>
6+
<link rel="import" href="polymer-flex-layout.html">
7+
<link rel="import" href="polymer-flex-panel.html">
8+
<style>
9+
body {
10+
font-size: 20px;
11+
}
12+
13+
flex-css, flex-container, flex-nonvisual {
14+
height: 300px;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<polymer-element name="flex-css">
20+
<template>
21+
<link rel="stylesheet" href="polymer-flex-layout.css">
22+
<style>
23+
div {
24+
box-sizing: border-box;
25+
-moz-box-sizing: border-box;
26+
border: 2px solid #ccc;
27+
}
28+
</style>
29+
<div class="flexbox" flex>
30+
<div>Hi I'm some content</div>
31+
<div class="flexbox column" flex>
32+
<div class="flexbox align-center">
33+
<h3>Title</h3>
34+
<button>hello</button>
35+
</div>
36+
<div class="flexbox" flex>
37+
<div flex>Main content</div>
38+
<div>Sidebar content</div>
39+
</div>
40+
<div>Some more stuffs...</div>
41+
<div class="flexbox justify-end">
42+
<b>Footer</b>
43+
</div>
44+
</div>
45+
<div>A last bit, like a panel</div>
46+
</div>
47+
</template>
48+
<script>
49+
Polymer('flex-css', {
50+
ready: function() {
51+
this.classList.add('flexbox');
52+
}
53+
});
54+
</script>
55+
</polymer-element>
56+
57+
<polymer-element name="flex-container" noscript extends="polymer-flex-panel">
58+
<template>
59+
<style>
60+
div, polymer-flex-panel {
61+
box-sizing: border-box;
62+
-moz-box-sizing: border-box;
63+
border: 2px solid #ccc;
64+
}
65+
</style>
66+
<div>Hi I'm some content</div>
67+
<polymer-flex-panel vertical flex>
68+
<polymer-flex-panel align="center">
69+
<h3>Title</h3>
70+
<button>hello</button>
71+
</polymer-flex-panel>
72+
<polymer-flex-panel flex>
73+
<div flex>Main content</div>
74+
<div>Sidebar content</div>
75+
</polymer-flex-panel>
76+
<div>Some more stuffs...</div>
77+
<polymer-flex-panel justify="end">
78+
<b>Footer</b>
79+
</polymer-flex-panel>
80+
</polymer-flex-panel>
81+
<div>A last bit, like a panel</div>
82+
</template>
83+
</polymer-element>
84+
85+
<polymer-element name="flex-nonvisual" noscript>
86+
<template>
87+
<style>
88+
div {
89+
box-sizing: border-box;
90+
-moz-box-sizing: border-box;
91+
border: 2px solid #ccc;
92+
}
93+
</style>
94+
<polymer-flex-layout></polymer-flex-layout>
95+
<div flex>
96+
<polymer-flex-layout></polymer-flex-layout>
97+
<div>Hi I'm some content</div>
98+
<div flex>
99+
<polymer-flex-layout vertical></polymer-flex-layout>
100+
<div>
101+
<polymer-flex-layout align="center"></polymer-flex-layout>
102+
<h3>Title</h3>
103+
<button>hello</button>
104+
</div>
105+
<div flex>
106+
<polymer-flex-layout></polymer-flex-layout>
107+
<div flex>Main content</div>
108+
<div>Sidebar content</div>
109+
</div>
110+
<div>Some more stuffs...</div>
111+
<div>
112+
<polymer-flex-layout justify="end"></polymer-flex-layout>
113+
<b>Footer</b>
114+
</div>
115+
</div>
116+
<div>A last bit, like a panel</div>
117+
</div>
118+
</template>
119+
</polymer-element>
120+
121+
<h3>polymer-flex-layout.css</h3>
122+
<flex-css></flex-css>
123+
<br>
124+
<h3>polymer-flex-panel element</h3>
125+
<flex-container></flex-container>
126+
<br>
127+
<h3>polymer-flex-layout element</h3>
128+
<flex-nonvisual></flex-nonvisual>
129+
</body>
130+
</html>

0 commit comments

Comments
 (0)