263 lines
3.5 KiB
Plaintext
Raw Normal View History

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
vertical
2017-06-07 23:14:45 +00:00
margin 0.25rem 0
2016-11-30 15:29:36 +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
ui-element
flex-grow 1
padding 0.75rem 1rem
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
2017-07-06 20:08:49 +00:00
h1
font-size 1.5rem
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
.thread-content
horizontal
2016-11-30 15:29:36 +00:00
ui-element
padding 0.4rem 1rem
align-items center
2016-11-30 15:29:36 +00:00
.thread-icons,
.thread-reply-count
2017-07-06 13:04:51 +00:00
horizontal
align-items center
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
.thread-link-title
color text-color
2016-11-30 15:29:36 +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
.post-toolbar
horizontal
opacity 0
position absolute
2017-06-20 14:19:43 +00:00
bottom 0.25rem
right 0.25rem
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 "+"
2017-11-05 05:56:09 +00:00
.post-permalink
color post-permalink-color
2016-11-30 15:29:36 +00:00
2017-11-05 05:56:09 +00:00
.post-like
color post-like-color
2016-11-30 15:29:36 +00:00
2017-11-05 05:56:09 +00:00
.post-unlike
color post-unlike-color
2016-11-30 15:29:36 +00:00
.post-delete
color post-delete-color
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
2016-11-30 15:29:36 +00:00
// .posts
// width 100%
// max-width 830px
// > 500px
// .post
// flex-flow row
// justify-content center
// .post-author
// //