Commit 7b86797f authored by Stephen Sawchuk's avatar Stephen Sawchuk

add Learn bar to labs -> Polymer.

parent db9cb67d
...@@ -20,14 +20,14 @@ body { ...@@ -20,14 +20,14 @@ body {
font-smoothing: antialiased; font-smoothing: antialiased;
} }
body > header { body > section {
padding-top: 22px; position: relative;
margin-bottom: -5px; margin: 130px 0 40px 0;
} }
h1 { h1 {
/* position: absolute; position: absolute;
top: -120px;*/ top: -120px;
width: 100%; width: 100%;
font-size: 70px; font-size: 70px;
font-weight: bold; font-weight: bold;
...@@ -193,7 +193,7 @@ hr { ...@@ -193,7 +193,7 @@ hr {
/**body*/.learn-bar > .learn { /**body*/.learn-bar > .learn {
left: 8px; left: 8px;
} }
/**body*/.learn-bar #todoapp { /**body*/.learn-bar > section {
width: 550px; width: 550px;
margin: 130px auto 40px auto; margin: 130px auto 40px auto;
} }
......
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en" data-framework="polymer">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
...@@ -7,17 +7,20 @@ ...@@ -7,17 +7,20 @@
<link rel="stylesheet" href="app/app.css"> <link rel="stylesheet" href="app/app.css">
</head> </head>
<body> <body>
<header> <section>
<h1>todos</h1> <header>
</header> <h1>todos</h1>
<td-todos></td-todos> </header>
<footer id="info"> <td-todos></td-todos>
<p>Double-click to edit a todo</p> <footer id="info">
<p>Created by <a href="http://www.polymer-project.org">The Polymer Authors</a></p> <p>Double-click to edit a todo</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p> <p>Created by <a href="http://www.polymer-project.org">The Polymer Authors</a></p>
</footer> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
</section>
<!-- Scripts here. Don't remove this ↓ --> <!-- Scripts here. Don't remove this ↓ -->
<script src="components/todomvc-common/base.js"></script>
<script src="components/polymer/polymer.min.js"></script> <script src="components/polymer/polymer.min.js"></script>
<link rel="import" href="elements/td-todos.html"> <link rel="import" href="elements/td-todos.html">
</body> </body>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment