From 251b2317dcf97acf2e2dc668aa153e76833b0fe7 Mon Sep 17 00:00:00 2001
From: Jan-Lukas Else <mail@jlelse.de>
Date: Sun, 31 May 2020 17:21:27 +0200
Subject: [PATCH] Fix form styles

---
 assets/css/style.scss | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index f230a2a..c34ed57 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -27,6 +27,10 @@ $colors: (
 	color: #fff;
 }
 
+.sans-serif {
+	font-family: sans-serif;
+}
+
 html {
 	@include lightmode;
 	@media (prefers-color-scheme: dark) {
@@ -36,8 +40,8 @@ html {
 }
 
 body {
+	@extend .sans-serif;
 	@include color(background, background);
-	font-family: sans-serif;
 	line-height: 1.5;
 	margin: 0 auto;
 	max-width: 750px;
@@ -67,10 +71,11 @@ img {
 	width: 100%;
 }
 
-input, button, .button {
+input, textarea, button, .button {
 	@include color-border(border, 1px, solid, primary);
 	@include color(background, background);
 	@include color(color, primary);
+	@extend .sans-serif;
 	padding: 5px 10px;
 	border-radius: 0;
 	box-sizing: border-box;
@@ -78,6 +83,13 @@ input, button, .button {
 	font-size: 1rem;
 }
 
+.full-width-form {
+	@extend .full-width;
+	input[type="text"], input[type="email"], textarea {
+		@extend .full-width;
+	}
+}
+
 blockquote {
 	@include color-border(border-left, 5px, solid, primary);
 	padding-left: 20px;
@@ -137,4 +149,4 @@ footer {
 
 .full-width {
 	width: 100%;
-}
+}
\ No newline at end of file