From 1d390d79661f48f16de2be01ac0d9e513e982144 Mon Sep 17 00:00:00 2001
From: KodeStar <admin@Xenon.local>
Date: Wed, 7 Feb 2018 22:24:43 +0000
Subject: [PATCH] another trial

---
 public/css/app.css              | 16 +++++++++++++++-
 public/mix-manifest.json        |  2 +-
 resources/assets/sass/_app.scss | 34 +++++++++++++++++++++------------
 3 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index a07472b5..536bcd7e 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -817,7 +817,7 @@ div.create .input select {
 /* Hide default HTML checkbox */
 
 .switch input {
-  visibility: hidden;
+  display: none;
 }
 
 /* The slider */
@@ -877,11 +877,25 @@ input:checked + .slider:before {
   }
 }
 
+@keyframes autofill {
+  to {
+    background: #f5f5f5;
+    color: #fff;
+  }
+}
+
 input:-webkit-autofill {
   -webkit-animation-name: autofill;
   -webkit-animation-fill-mode: both;
 }
 
+input:autofill {
+  -webkit-animation-name: autofill;
+          animation-name: autofill;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+
 button.link {
   border: none;
   -webkit-appearance: none;
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 5747ecfa..4b09ab38 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=8ed1d9924e3be54ea4e4",
+    "/css/app.css": "/css/app.css?id=4f5b9f5ba0f1f57405c8",
     "/js/app.js": "/js/app.js?id=559585a774e3f088503a"
 }
\ No newline at end of file
diff --git a/resources/assets/sass/_app.scss b/resources/assets/sass/_app.scss
index 2b22f98a..10ace957 100644
--- a/resources/assets/sass/_app.scss
+++ b/resources/assets/sass/_app.scss
@@ -466,7 +466,7 @@ div.create {
   }
   
   /* Hide default HTML checkbox */
-  .switch input {visibility:hidden;}
+  .switch input {display:none;}
   
   /* The slider */
   .slider {
@@ -517,17 +517,27 @@ div.create {
   }
   
   @-webkit-keyframes autofill {
-	  to {
-		  background:#f5f5f5;
-		  color:#fff;
-	  }
-  }
-  
-  input:-webkit-autofill {
-	  -webkit-animation-name: autofill;
-	  -webkit-animation-fill-mode: both;
-  }
-  
+	to {
+		background:#f5f5f5;
+		color:#fff;
+	}
+}
+	@keyframes autofill {
+		to {
+			background:#f5f5f5;
+			color:#fff;
+		}
+	}
+
+	input:-webkit-autofill {
+		-webkit-animation-name: autofill;
+		-webkit-animation-fill-mode: both;
+	}
+	input:autofill {
+		animation-name: autofill;
+		animation-fill-mode: both;
+	}
+
   button.link {
 	  border: none;
 	  appearance: none;