Improved styles

styles/forum.scarlet

@@ -0,0 +1,177 @@
+.forum-header
+	text-align left
+
+.post-content
+	ui-element
+	padding 0.4rem 1rem
+
+.thread-link
+	horizontal
+
+.thread-content-container
+	flex 1
+	vertical
+	justify-content center
+
+.thread-content
+	horizontal
+
+.forum-tags
+	margin-bottom content-padding
+
+// Toolbar
+
+.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
+
+// 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
+// 		//