Improved posts style

This commit is contained in:
2019-06-09 12:06:01 +09:00
parent 2074d81e69
commit 1c0f5e9ac6
8 changed files with 90 additions and 112 deletions

View File

@ -13,6 +13,21 @@ post-content-padding-y = 0.75rem
.post-creator
flex 1
.post-action
display flex
align-items center
border none
background none
padding 0
height auto
margin-right 0.5rem
opacity 0
color hsla(text-color-h, text-color-s, text-color-l, 0.5)
:hover
color link-hover-color
background none
.post-date
color hsla(text-color-h, text-color-s, text-color-l, 0.5)
white-space nowrap
@ -45,7 +60,7 @@ post-content-padding-y = 0.75rem
object-fit cover
:hover
.post-toolbar
.post-action
opacity 1
.new-post-actions
@ -67,40 +82,10 @@ post-content-padding-y = 0.75rem
button
pointer-events all
.post-toolbar
horizontal
opacity 0
position absolute
bottom 0.25rem
right 0.25rem
default-transition
.post-tool
opacity 0.7
:hover
cursor pointer
opacity 1
.post-likes
color hsla(text-color-h, text-color-s, text-color-l, 0.4)
margin-right 0.4em
.post-permalink
color permalink-color
.post-like
color like-color
.post-unlike
color unlike-color
.post-delete
color delete-color
.post-save
// ...
.post-edit-interface
vertical