Forum improvements

styles/include/config.scarlet

@@ -8,10 +8,10 @@ post-highlight-color = rgba(248, 165, 130, 0.7)
 bg-color = rgb(246, 246, 246)
 
 // UI
-ui-border = 1px solid rgba(0, 0, 0, 0.1)
-ui-hover-border = 1px solid rgba(0, 0, 0, 0.15)
+ui-border-color = rgba(0, 0, 0, 0.1)
+ui-hover-border-color = rgba(0, 0, 0, 0.15)
 ui-background = rgb(254, 254, 254)
-ui-hover-background = rgb(255, 255, 255)
+// ui-hover-background = rgb(254, 254, 254)
 // ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
 // 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)

styles/include/mixins.scarlet

@@ -18,13 +18,13 @@ mixin vertical-wrap
 	flex-flow column wrap
 
 mixin ui-element
-	border ui-border
+	border 1px solid ui-border-color
 	background ui-background
 	border-radius 3px
 	default-transition
 	:hover
-		border ui-hover-border
-		background ui-hover-background
+		border-color ui-hover-border-color
+		// background ui-hover-background
 		// box-shadow outline-shadow-medium
 
 mixin ui-disabled

styles/input.scarlet

@@ -16,19 +16,26 @@ input, textarea
 	border ui-border
 	background white
 	box-shadow none
+	width 100%
 	input-focus
-
-	:active
-		transform translateY(3px)
 	
 	:disabled
 		ui-disabled
 
+input
+	default-transition
+
+	:active
+		transform translateY(3px)
+
 // We need this to have a selector with a higher priority than .widget-element:focus
 input.widget-element,
 textarea.widget-element
 	input-focus
 
+textarea
+	height 10rem
+
 button, .button
 	ui-element
 	horizontal

styles/layout.scarlet

@@ -5,4 +5,5 @@
 #content-container
 	flex 1
 	overflow-x hidden
-	overflow-y scroll
+	overflow-y scroll
+	// will-change transform