Improved posts style
This commit is contained in:
@ -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
|
||||
|
||||
|
Reference in New Issue
Block a user