2017-07-06 19:33:58 +02:00
|
|
|
post-content-padding-y = 0.75rem
|
2017-06-08 01:14:45 +02:00
|
|
|
|
2019-06-09 09:52:13 +09:00
|
|
|
.post-author
|
|
|
|
|
horizontal
|
|
|
|
|
justify-content center
|
|
|
|
|
align-items flex-start
|
|
|
|
|
margin-right post-avatar-text-margin
|
2017-06-23 02:02:49 +02:00
|
|
|
|
2019-06-09 09:52:13 +09:00
|
|
|
.post-header
|
|
|
|
|
horizontal
|
|
|
|
|
horizontal-line-bottom
|
2017-11-24 23:55:29 +01:00
|
|
|
|
2019-06-09 09:52:13 +09:00
|
|
|
.post-creator
|
|
|
|
|
flex 1
|
2017-06-23 02:02:49 +02:00
|
|
|
|
2019-06-09 09:52:13 +09:00
|
|
|
.post-date
|
|
|
|
|
color hsla(text-color-h, text-color-s, text-color-l, 0.5)
|
|
|
|
|
white-space nowrap
|
2018-02-20 08:42:50 +01:00
|
|
|
|
2016-12-01 00:29:36 +09:00
|
|
|
.post-content
|
2016-12-02 15:24:45 +09:00
|
|
|
ui-element
|
|
|
|
|
flex-grow 1
|
2017-07-03 23:35:33 +02:00
|
|
|
padding 0.75rem 1rem
|
2016-12-02 15:24:45 +09:00
|
|
|
position relative
|
|
|
|
|
|
2017-07-06 22:08:49 +02:00
|
|
|
h1, h2, h3
|
2017-07-17 05:44:29 +02:00
|
|
|
font-weight bold
|
2017-07-06 21:38:19 +02:00
|
|
|
text-align left
|
2017-07-06 22:08:49 +02:00
|
|
|
line-height 1.5em
|
2017-07-17 05:44:29 +02:00
|
|
|
margin 1rem 0
|
2016-12-02 15:24:45 +09:00
|
|
|
|
2017-07-06 22:08:49 +02:00
|
|
|
h1
|
|
|
|
|
font-size 1.5rem
|
|
|
|
|
|
2016-12-02 15:24:45 +09:00
|
|
|
h2
|
|
|
|
|
font-size 1.3rem
|
|
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
font-size 1.1rem
|
2017-11-24 23:55:29 +01:00
|
|
|
|
2017-12-03 19:12:16 +01:00
|
|
|
img
|
|
|
|
|
max-width 100%
|
2018-11-23 11:14:12 +09:00
|
|
|
max-height 450px
|
|
|
|
|
width 100%
|
|
|
|
|
object-fit cover
|
2017-12-03 19:12:16 +01:00
|
|
|
|
2016-12-02 15:24:45 +09:00
|
|
|
:hover
|
|
|
|
|
.post-toolbar
|
|
|
|
|
opacity 1
|
2017-11-24 23:55:29 +01:00
|
|
|
|
2018-11-15 20:19:40 +09:00
|
|
|
.new-post-actions
|
2018-11-05 20:57:37 +09:00
|
|
|
justify-content flex-end
|
2018-11-15 20:19:40 +09:00
|
|
|
opacity 0
|
|
|
|
|
height 0
|
|
|
|
|
transform translateY(-50%)
|
|
|
|
|
transition all transition-speed ease
|
|
|
|
|
|
2018-11-23 11:14:12 +09:00
|
|
|
button
|
|
|
|
|
pointer-events none
|
|
|
|
|
|
2018-11-15 20:19:40 +09:00
|
|
|
.new-post-actions-enabled
|
|
|
|
|
opacity 1
|
|
|
|
|
height auto
|
2018-11-05 20:57:37 +09:00
|
|
|
margin-bottom 0.75rem
|
2018-11-15 20:19:40 +09:00
|
|
|
transform translateY(0)
|
2018-11-05 20:57:37 +09:00
|
|
|
|
2018-11-23 11:14:12 +09:00
|
|
|
button
|
|
|
|
|
pointer-events all
|
|
|
|
|
|
2016-12-02 15:24:45 +09:00
|
|
|
.post-toolbar
|
|
|
|
|
horizontal
|
|
|
|
|
opacity 0
|
|
|
|
|
position absolute
|
2017-06-20 16:19:43 +02:00
|
|
|
bottom 0.25rem
|
|
|
|
|
right 0.25rem
|
2016-12-02 15:24:45 +09:00
|
|
|
default-transition
|
|
|
|
|
|
2016-12-01 00:29:36 +09:00
|
|
|
.post-tool
|
|
|
|
|
opacity 0.7
|
2018-11-05 19:05:36 +09:00
|
|
|
|
|
|
|
|
:hover
|
2016-12-01 00:29:36 +09:00
|
|
|
cursor pointer
|
|
|
|
|
opacity 1
|
|
|
|
|
|
|
|
|
|
.post-likes
|
2018-04-18 15:07:46 +02:00
|
|
|
color hsla(text-color-h, text-color-s, text-color-l, 0.4)
|
2016-12-01 00:29:36 +09:00
|
|
|
margin-right 0.4em
|
|
|
|
|
|
2017-11-05 06:56:09 +01:00
|
|
|
.post-permalink
|
2018-11-15 12:42:10 +09:00
|
|
|
color permalink-color
|
2016-12-01 00:29:36 +09:00
|
|
|
|
2017-11-05 06:56:09 +01:00
|
|
|
.post-like
|
2018-11-15 12:42:10 +09:00
|
|
|
color like-color
|
2016-12-01 00:29:36 +09:00
|
|
|
|
2017-11-05 06:56:09 +01:00
|
|
|
.post-unlike
|
2018-11-15 12:42:10 +09:00
|
|
|
color unlike-color
|
2016-12-01 00:29:36 +09:00
|
|
|
|
2017-11-24 23:55:29 +01:00
|
|
|
.post-delete
|
2018-11-15 12:42:10 +09:00
|
|
|
color delete-color
|
2017-11-24 23:55:29 +01:00
|
|
|
|
2017-07-06 16:54:10 +02:00
|
|
|
.post-save
|
2019-06-09 09:52:13 +09:00
|
|
|
// ...
|
2017-07-06 16:54:10 +02:00
|
|
|
|
2017-07-06 19:33:58 +02:00
|
|
|
.post-edit-interface
|
|
|
|
|
vertical
|
|
|
|
|
|
|
|
|
|
.post-title-input
|
|
|
|
|
margin-bottom post-content-padding-y
|
|
|
|
|
|
|
|
|
|
.post-text-input
|
2019-06-09 09:52:13 +09:00
|
|
|
min-height 200px
|
