2016-11-09 11:32:19 +00:00
|
|
|
#posts
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow column
|
|
|
|
|
flex 1
|
|
|
|
|
max-width 100%
|
|
|
|
|
|
|
|
|
|
.post
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow column
|
|
|
|
|
margin 0.5rem 0
|
|
|
|
|
|
|
|
|
|
.post-author
|
|
|
|
|
text-align center
|
|
|
|
|
flex-grow 0
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow row
|
|
|
|
|
justify-content center
|
|
|
|
|
margin-bottom -3px
|
|
|
|
|
|
|
|
|
|
img
|
|
|
|
|
margin 0 !important
|
|
|
|
|
|
|
|
|
|
#post-input
|
|
|
|
|
.post-input
|
|
|
|
|
width 100%
|
|
|
|
|
min-height 150px
|
|
|
|
|
margin 0.5rem 0
|
|
|
|
|
|
|
|
|
|
.post-submit
|
|
|
|
|
margin-top 0.5rem
|
|
|
|
|
max-width 200px
|
|
|
|
|
align-items flex-end
|
|
|
|
|
|
|
|
|
|
.post-toolbar
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow row
|
|
|
|
|
opacity 0
|
|
|
|
|
transition opacity 250ms ease
|
|
|
|
|
position absolute
|
|
|
|
|
bottom 3px
|
|
|
|
|
right 0
|
|
|
|
|
|
|
|
|
|
.post-save
|
|
|
|
|
float right
|
|
|
|
|
&:hover
|
|
|
|
|
cursor pointer
|
|
|
|
|
|
|
|
|
|
.post-input-toolbar
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow row
|
|
|
|
|
|
|
|
|
|
.post-tool
|
|
|
|
|
opacity 0.7
|
|
|
|
|
&:hover
|
|
|
|
|
cursor pointer
|
|
|
|
|
opacity 1
|
|
|
|
|
|
|
|
|
|
.post-likes
|
|
|
|
|
opacity 0.4
|
|
|
|
|
margin-right 0.4em
|
|
|
|
|
&:before
|
|
|
|
|
content "+"
|
|
|
|
|
|
|
|
|
|
.post-permalink
|
|
|
|
|
color blue !important
|
|
|
|
|
|
|
|
|
|
.post-delete
|
|
|
|
|
color rgb(255, 32, 12) !important
|
|
|
|
|
|
|
|
|
|
.post-like
|
|
|
|
|
color green !important
|
|
|
|
|
|
|
|
|
|
.post-unlike
|
|
|
|
|
color rgb(255, 32, 12) !important
|
|
|
|
|
|
|
|
|
|
.post-content
|
2016-11-19 19:07:10 +00:00
|
|
|
uiElement()
|
2016-11-09 11:32:19 +00:00
|
|
|
text-align left
|
|
|
|
|
flex-grow 1
|
|
|
|
|
padding 0.4rem 1rem
|
|
|
|
|
margin-left 0.3rem
|
|
|
|
|
border-radius 3px
|
|
|
|
|
position relative
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
.post-toolbar
|
|
|
|
|
opacity 1
|
|
|
|
|
|
|
|
|
|
h1
|
|
|
|
|
font-size 1.5rem
|
|
|
|
|
line-height 2em
|
|
|
|
|
|
|
|
|
|
h2
|
|
|
|
|
font-size 1.3rem
|
|
|
|
|
line-height 2em
|
|
|
|
|
font-weight normal
|
|
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
font-size 1.1rem
|
|
|
|
|
line-height 2em
|
|
|
|
|
font-weight normal
|
|
|
|
|
|
2016-11-19 14:54:31 +00:00
|
|
|
.post[data-highlight="true"]
|
2016-11-09 11:32:19 +00:00
|
|
|
.post-content
|
|
|
|
|
border 2px solid alpha(mainColor, 70%)
|
|
|
|
|
|
|
|
|
|
.hidden
|
|
|
|
|
display none
|
|
|
|
|
|
|
|
|
|
.thread
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow column
|
|
|
|
|
align-items center
|
|
|
|
|
|
|
|
|
|
.thread-title
|
|
|
|
|
width auto
|
2016-11-19 18:02:33 +00:00
|
|
|
|
2016-11-09 11:32:19 +00:00
|
|
|
.posts
|
|
|
|
|
width 100%
|
|
|
|
|
max-width 830px
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 500px)
|
|
|
|
|
.post
|
|
|
|
|
flex-flow row
|
|
|
|
|
justify-content center
|
|
|
|
|
|
|
|
|
|
.post-author
|
|
|
|
|
//
|
