Skip to content

Latest commit

 

History

History
105 lines (86 loc) · 2.91 KB

README.MD

File metadata and controls

105 lines (86 loc) · 2.91 KB
Raw

lit-html for webcomponent & templating

https://lit-html.polymer-project.org/guide https://github.com/LarsDenBakker/lit-html-workshop/blob/master/2-lit-element/solutions/8-polymer-components.html

materializecss for style

https://materializecss.com

are they both needed

color palette

This div is 12-columns wide on all screen sizes
This is a card panel with a teal lighten-2 class 
  </div>

</div>
<div class="col s6">6-columns (one-half)
  <div class="card-panel teal lighten-2">This is a card panel with a teal lighten-2 class</div>
</div>
<div class="col s6">6-columns (one-half)
  <div class="card-panel teal lighten-2">This is a card panel with a teal lighten-2 class</div>
</div>
<div class="col s6 offset-s6 teal"><span class="flow-text">6-columns (offset-by-6)</span></div>
1
2
3
4
5
6
7
8
9
10
11
12
Section 1

Stuff

Section 2

Stuff

Section 3

Stuff

<div class="col s4">
AZ
</div>
<div class="col s4">

DFS

DSFSDF

resp

s12

s12 m4

s12 m4

s12 m4

s12 m6 l3

s12 m6 l3

s12 m6 l3

s12 m6 l3

s12 m6 l3

s12 m6 l3

s12 m6 l3

s12 m6 l3

<div class="row">
<div class="col s12"><p>s12</p></div>
<div class="col s12 m4 l2"><p>s12 m4</p></div>
<div class="col s12 m4 l8"><p>s12 m4</p></div>
<div class="col s12 m4 l2"><p>s12 m4</p></div>
</div>