google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update grid demo

master
Surma 2015-08-04 13:58:53 +01:00
parent 6b7cc9070b
commit 67d29b4780
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/grid/snippets/grid-demo.html
View File

@ -1,8 +1,5 @@
<style>
.demo-grid-ruler .mdl-cell,
.demo-grid-1 .mdl-cell,
.demo-grid-2 .mdl-cell,
.demo-grid-3 .mdl-cell {
.demo-grid .mdl-cell {
box-sizing: border-box;
background-color: #BDBDBD;
height: 200px;
@ -10,7 +7,7 @@
padding-top: 4px;
color: white;
}
.demo-grid-ruler.demo-grid-ruler .mdl-cell {
.demo-grid .mdl-grid:first-of-type .mdl-cell {
height: 50px;
}
</style>

8
src/grid/snippets/grid.html
View File

@ -1,4 +1,4 @@
<div class="demo-grid-ruler mdl-grid">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--1-col">1</div>
<div class="mdl-cell mdl-cell--1-col">1</div>
<div class="mdl-cell mdl-cell--1-col">1</div>
@ -12,17 +12,17 @@
<div class="mdl-cell mdl-cell--1-col">1</div>
<div class="mdl-cell mdl-cell--1-col">1</div>
</div>
<div class="demo-grid-1 mdl-grid">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col">4</div>
<div class="mdl-cell mdl-cell--4-col">4</div>
<div class="mdl-cell mdl-cell--4-col">4</div>
</div>
<div class="demo-grid-2 mdl-grid">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--6-col">6</div>
<div class="mdl-cell mdl-cell--4-col">4</div>
<div class="mdl-cell mdl-cell--2-col">2</div>
</div>
<div class="demo-grid-3 mdl-grid">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">6 (8 tablet)</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--6-col-tablet">4 (6 tablet)</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--4-col-phone">2 (4 phone)</div>