impera-js
Version:
Tiny, Proxy based App State Managment for custom-elements
49 lines (40 loc) • 1.07 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Todo app test</title>
<script type="module" src="./litWebComponents.js"></script>
<style>
.flex {
display: flex;
height: 98vh;
flex-direction: column;
justify-content: space-between;
max-width: 30rem;
min-width: 15rem;
margin: 0 auto;
box-sizing: border-box;
}
.vacuum {
height: 1rem;
}
.footer {
align-self: flex-end;
}
</style>
</head>
<body>
<div class="flex">
<div class="vacuum"></div>
<my-container>
<my-input slot="head"></my-input>
</my-container>
<div class="footer">
<span>
Powered by <a href="https://lit-element.polymer-project.org/">LitElement</a> and <a href="https://bulma.io/">Bulma</a>.
</span>
</div>
</div>
</body>
</html>