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

BEM-ify templates (closes #199)

master
Alexander Surma 2015-04-30 13:47:04 +01:00
parent c74ed602de
commit e37c0f6847
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
templates/blog/entry.html
View File

@ -102,15 +102,15 @@
<span>2 days ago</span>
</div>
</header>
<div class="text">
<div class="comment__text">
In in culpa nulla elit esse. Ex cillum enim aliquip sit sit ullamco ex eiusmod fugiat. Cupidatat ad minim officia mollit laborum magna dolor tempor cupidatat mollit. Est velit sit ad aliqua ullamco laborum excepteur dolore proident incididunt in labore elit.
</div>
<nav>
<nav class="comment__actions">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--thumb-up"></span></button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--thumb-down"></span></button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--replay"></span></button>
</nav>
<div class="answers">
<div class="comment__answers">
<div class="comment">
<header>
<img src="images/co2.jpg">
@ -119,12 +119,11 @@
<span>2 days ago</span>
</div>
</header>
<div class="text">
<div class="comment__text">
Yep, agree!
</div>
<nav>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--thumb-up"></span></button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--thumb-down"></span></button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><span class="mdl-icon mdl-icon--replay"></span></button>
</nav>
</div>

6
templates/blog/styles.css
View File

@ -227,7 +227,7 @@ h3.quote:after {
display: flex;
flex-direction: column;
}
.comments .comment > .text {
.comments .comment > .comment__text {
line-height: 1.5em;
}
.comments .comment > nav {
@ -237,10 +237,10 @@ h3.quote:after {
align-items: center;
font-size: 0.8em;
}
.comments .comment > nav button {
.comments .comment > .comment__actions button {
margin-right: 16px;
}
.comments .comment > .answers {
.comments .comment > .comment__answers {
padding-top: 32px;
padding-left: 48px;
}