BEM-ify templates (closes #199)
parent
c74ed602de
commit
e37c0f6847
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue