96 lines
1.4 KiB
Plaintext

post-content-padding-y = 0.75rem
.post-author
horizontal
justify-content center
align-items flex-start
margin-right post-avatar-text-margin
.post-header
horizontal
horizontal-line-bottom
.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
.post-content
ui-element
flex-grow 1
padding 0.75rem 1rem
position relative
h1, h2, h3
font-weight bold
text-align left
line-height 1.5em
margin 1rem 0
h1
font-size 1.5rem
h2
font-size 1.3rem
h3
font-size 1.1rem
img
max-width 100%
max-height 450px
width 100%
object-fit cover
:hover
.post-action
opacity 1
.new-post-actions
justify-content flex-end
opacity 0
height 0
transform translateY(-50%)
transition all transition-speed ease
button
pointer-events none
.new-post-actions-enabled
opacity 1
height auto
margin-bottom 0.75rem
transform translateY(0)
button
pointer-events all
.post-likes
color hsla(text-color-h, text-color-s, text-color-l, 0.4)
margin-right 0.4em
.post-edit-interface
vertical
.post-title-input
margin-bottom post-content-padding-y
.post-text-input
min-height 200px