From 3891b2e381f3132ed678bb82ff36e7cb706101ed Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Wed, 30 Jan 2019 21:12:13 +0000
Subject: [PATCH] form input background gradients

---
 assets/scss/_buefy.scss | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/assets/scss/_buefy.scss b/assets/scss/_buefy.scss
index 1627f78..055e60a 100644
--- a/assets/scss/_buefy.scss
+++ b/assets/scss/_buefy.scss
@@ -16,7 +16,47 @@ $success: $color__accent-success-300;
 }
 
 .input, .textarea {
+  $color-bg: $color__neutral-900;
+  $gradient-from: .1;
+  $gradient-to: .3;
   font-weight: 600;
+  background-color: rgba($color__neutral-900, .7);
+  background: linear-gradient(
+                to bottom,
+                rgba($color-bg, $gradient-from),
+                rgba($color-bg, $gradient-to),
+                rgba($color-bg, $gradient-to),
+                rgba($color-bg, $gradient-from),
+              ),
+              linear-gradient(
+                to right,
+                rgba($color-bg, $gradient-from),
+                rgba($color-bg, $gradient-to),
+                rgba($color-bg, $gradient-to),
+                rgba($color-bg, $gradient-from),
+              );
+
+  &:focus {
+    $color-bg: #fff;
+    $gradient-from: .1;
+    $gradient-to: .5;
+
+    background: $color-bg;
+    background: linear-gradient(
+                  to bottom,
+                  rgba($color-bg, $gradient-from),
+                  rgba($color-bg, $gradient-to),
+                  rgba($color-bg, $gradient-to),
+                  rgba($color-bg, $gradient-from),
+                ),
+                linear-gradient(
+                  to right,
+                  rgba($color-bg, $gradient-from),
+                  rgba($color-bg, $gradient-to),
+                  rgba($color-bg, $gradient-to),
+                  rgba($color-bg, $gradient-from),
+                );
+  }
 }
 
 .help {