styles/forum.scarlet

post-content-padding-y = 0.75rem

.thread-link
	vertical
	margin 0.25rem 0

	.post-author
		margin-bottom 0.25rem

> 330px
	.thread-link
		horizontal

		.post-author
			margin-bottom 0

		.user-image
			width 42px
			height 42px

.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-toolbar
			opacity 1

		.post-date
			opacity 0.25

.thread-content
	horizontal
	ui-element
	padding 0.4rem 1rem
	align-items center

.thread-icons,
.thread-reply-count
	horizontal
	align-items center
	opacity 0.5
	text-align right
	font-size 0.9rem

.thread-reply-count
	margin-right 0.5rem

.thread-content-container
	flex 1
	vertical
	justify-content center

.thread-link-title
	color text-color

.post-author
	horizontal
	justify-content center
	align-items flex-start
	margin-right post-avatar-text-margin

.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

// Toolbar

.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

.post-title-input
	margin-bottom post-content-padding-y

.post-text-input
	min-height 200px

.post-date
	position absolute
	right -1rem
	top 0.25rem
	white-space nowrap
	opacity 0
	transform translateX(100%)
	default-transition
Added thread title editing 2017-07-06 19:33:58 +02:00			`post-content-padding-y = 0.75rem`
Updated styles 2017-06-08 01:14:45 +02:00
			`.thread-link`
Improved .thread-link for mobile devices 2017-06-23 02:02:49 +02:00			`vertical`
Updated styles 2017-06-08 01:14:45 +02:00			`margin 0.25rem 0`
Improved styles 2016-12-01 00:29:36 +09:00
Improved .thread-link for mobile devices 2017-06-23 02:02:49 +02:00			`.post-author`
			`margin-bottom 0.25rem`

			`> 330px`
			`.thread-link`
			`horizontal`
✨ Added a new button to delete a post 2017-11-24 23:55:29 +01:00
Improved .thread-link for mobile devices 2017-06-23 02:02:49 +02:00			`.post-author`
			`margin-bottom 0`

More compact thread links in the forum 2018-02-20 08:42:50 +01:00			`.user-image`
			`width 42px`
			`height 42px`

Improved styles 2016-12-01 00:29:36 +09:00			`.post-content`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`ui-element`
			`flex-grow 1`
Lower font size for smaller resolutions 2017-07-03 23:35:33 +02:00			`padding 0.75rem 1rem`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`position relative`

Improved page titles 2017-07-06 22:08:49 +02:00			`h1, h2, h3`
Updated forum style 2017-07-17 05:44:29 +02:00			`font-weight bold`
Improved meta data 2017-07-06 21:38:19 +02:00			`text-align left`
Improved page titles 2017-07-06 22:08:49 +02:00			`line-height 1.5em`
Updated forum style 2017-07-17 05:44:29 +02:00			`margin 1rem 0`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00
Improved page titles 2017-07-06 22:08:49 +02:00			`h1`
			`font-size 1.5rem`

Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`h2`
			`font-size 1.3rem`

			`h3`
			`font-size 1.1rem`
✨ Added a new button to delete a post 2017-11-24 23:55:29 +01:00
Added img max-width on forums 2017-12-03 19:12:16 +01:00			`img`
			`max-width 100%`
Several post improvements 2018-11-23 11:14:12 +09:00			`max-height 450px`
			`width 100%`
			`object-fit cover`
Added img max-width on forums 2017-12-03 19:12:16 +01:00
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`:hover`
			`.post-toolbar`
			`opacity 1`
✨ Added a new button to delete a post 2017-11-24 23:55:29 +01:00
Added timestamps to forum 2017-07-07 17:16:40 +02:00			`.post-date`
			`opacity 0.25`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00
			`.thread-content`
			`horizontal`
Improved styles 2016-12-01 00:29:36 +09:00			`ui-element`
			`padding 0.4rem 1rem`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`align-items center`
Improved styles 2016-12-01 00:29:36 +09:00
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`.thread-icons,`
			`.thread-reply-count`
Minor changes 2017-07-06 15:04:51 +02:00			`horizontal`
			`align-items center`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`opacity 0.5`
			`text-align right`
			`font-size 0.9rem`

			`.thread-reply-count`
			`margin-right 0.5rem`

Improved styles 2016-12-01 00:29:36 +09:00			`.thread-content-container`
			`flex 1`
			`vertical`
			`justify-content center`

Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`.thread-link-title`
			`color text-color`
Improved styles 2016-12-01 00:29:36 +09:00
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`.post-author`
			`horizontal`
			`justify-content center`
			`align-items flex-start`
Several post improvements 2018-11-23 11:14:12 +09:00			`margin-right post-avatar-text-margin`
Improved styles 2016-12-01 00:29:36 +09:00
New user profile 2018-11-15 20:19:40 +09:00			`.new-post-actions`
Threaded comments (Reply UI) 2018-11-05 20:57:37 +09:00			`justify-content flex-end`
New user profile 2018-11-15 20:19:40 +09:00			`opacity 0`
			`height 0`
			`transform translateY(-50%)`
			`transition all transition-speed ease`

Several post improvements 2018-11-23 11:14:12 +09:00			`button`
			`pointer-events none`

New user profile 2018-11-15 20:19:40 +09:00			`.new-post-actions-enabled`
			`opacity 1`
			`height auto`
Threaded comments (Reply UI) 2018-11-05 20:57:37 +09:00			`margin-bottom 0.75rem`
New user profile 2018-11-15 20:19:40 +09:00			`transform translateY(0)`
Threaded comments (Reply UI) 2018-11-05 20:57:37 +09:00
Several post improvements 2018-11-23 11:14:12 +09:00			`button`
			`pointer-events all`

Improved styles 2016-12-01 00:29:36 +09:00			`// Toolbar`

Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`.post-toolbar`
			`horizontal`
			`opacity 0`
			`position absolute`
Improved post toolbar placement 2017-06-20 16:19:43 +02:00			`bottom 0.25rem`
			`right 0.25rem`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`default-transition`

Improved styles 2016-12-01 00:29:36 +09:00			`.post-tool`
			`opacity 0.7`
Threaded comments 2018-11-05 19:05:36 +09:00
			`:hover`
Improved styles 2016-12-01 00:29:36 +09:00			`cursor pointer`
			`opacity 1`

			`.post-likes`
Added more tooltip locations 2018-04-18 15:07:46 +02:00			`color hsla(text-color-h, text-color-s, text-color-l, 0.4)`
Improved styles 2016-12-01 00:29:36 +09:00			`margin-right 0.4em`

Redesign 2017-11-05 06:56:09 +01:00			`.post-permalink`
Added welcome page 2018-11-15 12:42:10 +09:00			`color permalink-color`
Improved styles 2016-12-01 00:29:36 +09:00
Redesign 2017-11-05 06:56:09 +01:00			`.post-like`
Added welcome page 2018-11-15 12:42:10 +09:00			`color like-color`
Improved styles 2016-12-01 00:29:36 +09:00
Redesign 2017-11-05 06:56:09 +01:00			`.post-unlike`
Added welcome page 2018-11-15 12:42:10 +09:00			`color unlike-color`
Improved styles 2016-12-01 00:29:36 +09:00
✨ Added a new button to delete a post 2017-11-24 23:55:29 +01:00			`.post-delete`
Added welcome page 2018-11-15 12:42:10 +09:00			`color delete-color`
✨ Added a new button to delete a post 2017-11-24 23:55:29 +01:00
Added forum post editing 2017-07-06 16:54:10 +02:00			`.post-save`
			`//`

Added thread title editing 2017-07-06 19:33:58 +02:00			`.post-edit-interface`
			`vertical`

			`.post-title-input`
			`margin-bottom post-content-padding-y`

			`.post-text-input`
Added forum post editing 2017-07-06 16:54:10 +02:00			`min-height 200px`

Added timestamps to forum 2017-07-07 17:16:40 +02:00			`.post-date`
			`position absolute`
			`right -1rem`
			`top 0.25rem`
			`white-space nowrap`
			`opacity 0`
			`transform translateX(100%)`
Threaded comments 2018-11-05 19:05:36 +09:00			`default-transition`