Updated styles

styles/forum.scarlet

@@ -1,6 +1,10 @@
-.forum-header
-	text-align left
-	margin-bottom 1rem
+// .forum-header
+// 	text-align left
+// 	margin-bottom 1rem
+
+.thread-link
+	horizontal
+	margin 0.25rem 0
 
 .post-content
 	ui-element
@@ -32,9 +36,6 @@
 	padding 0.4rem 1rem
 	align-items center
 
-.thread-link
-	horizontal
-
 .thread-icons,
 .thread-reply-count
 	opacity 0.5
@@ -59,8 +60,7 @@
 	horizontal
 	justify-content center
 	align-items flex-start
-	margin 0.25rem 0.5rem
-	margin-left 0
+	margin-right 0.5rem
 
 // Toolbar
 

styles/headers.scarlet

@@ -11,4 +11,7 @@ h3
 	font-size 1.5em
 	line-height 1.6em
 	text-align left
-	margin-top 0.6em
+	margin-top 0.6em
+
+.page-title
+	display none

styles/include/config.scarlet

@@ -13,6 +13,9 @@ ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0,
 ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
 ui-disabled-color = rgb(224, 224, 224)
 
+// Avatar
+avatar-size = 50px
+
 // Navigation
 nav-color = rgb(60, 60, 60)
 nav-link-color = rgb(160, 160, 160)
@@ -32,7 +35,7 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
 
 // Distances
 content-padding = 1.6rem
-content-padding-top = 2rem
+content-padding-top = 1.6rem
 hover-line-size = 2px
 nav-height = 3.11rem
 

styles/include/mixins.scarlet

@@ -31,6 +31,11 @@ mixin ui-disabled
 	background-color ui-disabled-color
 	cursor not-allowed
 
+mixin clip-long-text
+	overflow hidden
+	white-space nowrap
+	text-overflow ellipsis
+
 mixin light-up
 	filter brightness(0.4) saturate(1)
 	:hover

styles/navigation.scarlet

@@ -31,13 +31,17 @@
 		text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)
 
 .navigation-button
-	font-size 1.5em
+	font-size 1em
 	line-height 1em
 	padding 0.75em 1em
 
 .navigation-text
 	display none
 
+> 330px
+	.navigation-button
+		font-size 1.3em
+
 > 930px
 	.navigation-button
 		font-size 1.1em
@@ -46,4 +50,13 @@
 		justify-content flex-start
 	
 	.navigation-text
-		display inline-block
+		display inline-block
+
+< 400px height
+	#navigation
+		vertical
+		height 100%
+		padding content-padding 0
+	
+	#container
+		horizontal

styles/user.scarlet

@@ -1,6 +1,6 @@
 .user-image
-	width 50px
-	height 50px
+	width avatar-size
+	height avatar-size
 	border-radius 100%
 	object-fit cover
 	default-transition