2017-06-07 23:14:45 +00:00
|
|
|
// .forum-header
|
|
|
|
// text-align left
|
|
|
|
// margin-bottom 1rem
|
2017-07-06 17:33:58 +00:00
|
|
|
post-content-padding-y = 0.75rem
|
2017-06-07 23:14:45 +00:00
|
|
|
|
|
|
|
.thread-link
|
2017-06-23 00:02:49 +00:00
|
|
|
vertical
|
2017-06-07 23:14:45 +00:00
|
|
|
margin 0.25rem 0
|
2016-11-30 15:29:36 +00:00
|
|
|
|
2017-06-23 00:02:49 +00:00
|
|
|
.post-author
|
|
|
|
margin-bottom 0.25rem
|
|
|
|
|
|
|
|
> 330px
|
|
|
|
.thread-link
|
|
|
|
horizontal
|
|
|
|
|
|
|
|
.post-author
|
|
|
|
margin-bottom 0
|
|
|
|
|
2016-11-30 15:29:36 +00:00
|
|
|
.post-content
|
2016-12-02 06:24:45 +00:00
|
|
|
ui-element
|
|
|
|
flex-grow 1
|
2017-07-03 21:35:33 +00:00
|
|
|
padding 0.75rem 1rem
|
2016-12-02 06:24:45 +00:00
|
|
|
position relative
|
|
|
|
|
2017-07-06 20:08:49 +00:00
|
|
|
h1, h2, h3
|
2017-07-17 03:44:29 +00:00
|
|
|
font-weight bold
|
2017-07-06 19:38:19 +00:00
|
|
|
text-align left
|
2017-07-06 20:08:49 +00:00
|
|
|
line-height 1.5em
|
2017-07-17 03:44:29 +00:00
|
|
|
margin 1rem 0
|
2016-12-02 06:24:45 +00:00
|
|
|
|
2017-07-06 20:08:49 +00:00
|
|
|
h1
|
|
|
|
font-size 1.5rem
|
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
h2
|
|
|
|
font-size 1.3rem
|
|
|
|
|
|
|
|
h3
|
|
|
|
font-size 1.1rem
|
|
|
|
|
|
|
|
:hover
|
|
|
|
.post-toolbar
|
|
|
|
opacity 1
|
2017-07-07 15:16:40 +00:00
|
|
|
|
|
|
|
.post-date
|
|
|
|
opacity 0.25
|
2016-12-02 06:24:45 +00:00
|
|
|
|
|
|
|
.thread-content
|
|
|
|
horizontal
|
2016-11-30 15:29:36 +00:00
|
|
|
ui-element
|
|
|
|
padding 0.4rem 1rem
|
2016-12-02 06:24:45 +00:00
|
|
|
align-items center
|
2016-11-30 15:29:36 +00:00
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
.thread-icons,
|
|
|
|
.thread-reply-count
|
2017-07-06 13:04:51 +00:00
|
|
|
horizontal
|
|
|
|
align-items center
|
2016-12-02 06:24:45 +00:00
|
|
|
opacity 0.5
|
|
|
|
text-align right
|
|
|
|
font-size 0.9rem
|
|
|
|
|
|
|
|
.thread-reply-count
|
|
|
|
margin-right 0.5rem
|
|
|
|
|
2016-11-30 15:29:36 +00:00
|
|
|
.thread-content-container
|
|
|
|
flex 1
|
|
|
|
vertical
|
|
|
|
justify-content center
|
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
.thread-link-title
|
|
|
|
color text-color
|
2016-11-30 15:29:36 +00:00
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
.post-author
|
|
|
|
horizontal
|
|
|
|
justify-content center
|
|
|
|
align-items flex-start
|
2017-06-07 23:14:45 +00:00
|
|
|
margin-right 0.5rem
|
2016-11-30 15:29:36 +00:00
|
|
|
|
|
|
|
// Toolbar
|
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
.post-toolbar
|
|
|
|
horizontal
|
|
|
|
opacity 0
|
|
|
|
position absolute
|
2017-06-20 14:19:43 +00:00
|
|
|
bottom 0.25rem
|
|
|
|
right 0.25rem
|
2016-12-02 06:24:45 +00:00
|
|
|
default-transition
|
|
|
|
|
2016-11-30 15:29:36 +00:00
|
|
|
.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
|
|
|
|
|
2017-07-06 14:54:10 +00:00
|
|
|
.post-save
|
|
|
|
//
|
|
|
|
|
2017-07-06 17:33:58 +00:00
|
|
|
.post-edit-interface
|
|
|
|
vertical
|
|
|
|
|
|
|
|
.post-title-input
|
|
|
|
margin-bottom post-content-padding-y
|
|
|
|
|
|
|
|
.post-text-input
|
2017-07-06 14:54:10 +00:00
|
|
|
min-height 200px
|
|
|
|
|
2017-07-07 15:16:40 +00:00
|
|
|
.post-date
|
|
|
|
position absolute
|
|
|
|
right -1rem
|
|
|
|
top 0.25rem
|
|
|
|
white-space nowrap
|
|
|
|
opacity 0
|
|
|
|
transform translateX(100%)
|
|
|
|
default-transition
|
|
|
|
|
2016-11-30 15:29:36 +00:00
|
|
|
// Old
|
|
|
|
|
|
|
|
// #posts
|
|
|
|
// display flex
|
|
|
|
// flex-flow column
|
|
|
|
// flex 1
|
|
|
|
// max-width 100%
|
|
|
|
|
|
|
|
// .post
|
|
|
|
// display flex
|
|
|
|
// flex-flow column
|
|
|
|
// margin 0.5rem 0
|
|
|
|
|
|
|
|
// [data-highlight="true"]
|
|
|
|
// .post-content
|
|
|
|
// border 2px solid post-highlight-color
|
|
|
|
|
|
|
|
// .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
|
|
|
|
// default-transition
|
|
|
|
// 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
|
|
|
|
// ui-element
|
|
|
|
// 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
|
|
|
|
|
|
|
|
// .hidden
|
|
|
|
// display none
|
|
|
|
|
|
|
|
// .thread
|
|
|
|
// display flex
|
|
|
|
// flex-flow column
|
|
|
|
// align-items center
|
|
|
|
|
|
|
|
// .thread-title
|
|
|
|
// width auto
|
|
|
|
|
|
|
|
// .posts
|
|
|
|
// width 100%
|
|
|
|
// max-width 830px
|
|
|
|
|
|
|
|
// > 500px
|
|
|
|
// .post
|
|
|
|
// flex-flow row
|
|
|
|
// justify-content center
|
|
|
|
|
|
|
|
// .post-author
|
|
|
|
// //
|