Threaded comments

styles/forum.scarlet

@@ -95,7 +95,8 @@ post-content-padding-y = 0.75rem
 
 .post-tool
 	opacity 0.7
-	&:hover
+
+	:hover
 		cursor pointer
 		opacity 1
 
@@ -134,135 +135,4 @@ post-content-padding-y = 0.75rem
 	white-space nowrap
 	opacity 0
 	transform translateX(100%)
-	default-transition
-
-// 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 ui-element-border-radius
-// 	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
-// 		//
+	default-transition