Implemented most of the styles in scarlet now

styles/include/mixins.scarlet

@@ -0,0 +1,62 @@
+mixin default-transition
+	transition all transition-speed ease
+
+mixin horizontal
+	display flex
+	flex-direction row
+
+mixin horizontal-wrap
+	display flex
+	flex-flow row wrap
+
+mixin vertical
+	display flex
+	flex-direction column
+
+mixin vertical-wrap
+	display flex
+	flex-flow column wrap
+
+mixin ui-element
+	border ui-border
+	background ui-background
+	border-radius 3px
+	default-transition
+	:hover
+		border ui-hover-border
+		background ui-hover-background
+		box-shadow outline-shadow-medium
+
+mixin ui-disabled
+	background-color ui-disabled-color
+	cursor not-allowed
+
+mixin light-up
+	filter brightness(0.4) saturate(1)
+	:hover
+		filter brightness(1) saturate(1.3)
+
+mixin saturate-up
+	filter saturate(1)
+	:hover
+		filter saturate(1.3)
+
+mixin saturate-up
+	filter saturate(1)
+	:hover
+		filter saturate(1.3)
+
+mixin scale-up
+	transform scale(1)
+	:hover
+		transform scale(1.08)
+
+mixin shadow-up
+	box-shadow shadow-light
+	:hover
+		box-shadow shadow-medium
+
+mixin outline-shadow-up
+	box-shadow outline-shadow-light
+	:hover
+		box-shadow outline-shadow-medium