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

Make title card top card on mobile (Closes #707)

master
Surma 2015-07-06 10:50:29 +01:00 committed by Addy Osmani
parent c43f72e961
commit de878ba02d
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/blog/styles.css
View File

@ -69,6 +69,9 @@ body .demo-blog {
display: flex;
align-items: center;
}
.demo-blog .mdl-card__supporting-text strong {
font-weight: 400;
}
.demo-blog .mdl-card__media ~ .mdl-card__supporting-text {
min-height: 64px;
}
@ -113,7 +116,12 @@ body .demo-blog {
display: flex;
flex-direction: column;
}
.demo-blog.is-small-screen .demo-blog__posts > .mdl-card.coffee-pic {
order: 0;
}
.demo-blog.is-small-screen .demo-blog__posts > .mdl-card.something-else {
order: -1;
}
.demo-blog .coffee-pic .mdl-card__media {
background-image: url('images/coffee.jpg');
}