client/comments: don't use flexbox
This commit is contained in:
parent
f301ca9a8a
commit
4ecd05d8b2
|
@ -4,14 +4,11 @@ $comment-border-color = #DDD
|
||||||
|
|
||||||
.comment-container
|
.comment-container
|
||||||
margin: 0 0 1em 0
|
margin: 0 0 1em 0
|
||||||
padding: 0
|
padding: 0 0 0 60px
|
||||||
display: -webkit-flex
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.avatar
|
.avatar
|
||||||
margin-right: 1em
|
float: left
|
||||||
-webkit-flex-shrink: 0
|
margin-left: -60px
|
||||||
flex-shrink: 0
|
|
||||||
vertical-align: top
|
vertical-align: top
|
||||||
|
|
||||||
.thumbnail
|
.thumbnail
|
||||||
|
@ -25,7 +22,6 @@ $comment-border-color = #DDD
|
||||||
|
|
||||||
.comment
|
.comment
|
||||||
border: 1px solid $comment-border-color
|
border: 1px solid $comment-border-color
|
||||||
flex-grow: 1
|
|
||||||
|
|
||||||
header
|
header
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
|
@ -18,10 +18,11 @@
|
||||||
|
|
||||||
@media (min-width: 700px)
|
@media (min-width: 700px)
|
||||||
&>li
|
&>li
|
||||||
display: flex
|
padding-left: 13em
|
||||||
margin-bottom: 2em
|
margin-bottom: 2em
|
||||||
.post-thumbnail
|
.post-thumbnail
|
||||||
float: left
|
float: left
|
||||||
|
margin-left: -13em
|
||||||
.thumbnail
|
.thumbnail
|
||||||
width: 12em
|
width: 12em
|
||||||
height: 8em
|
height: 8em
|
||||||
|
|
Loading…
Reference in New Issue