From e76995b83b412d77a852e4494c2fd18827e30834 Mon Sep 17 00:00:00 2001
From: mathias <mail@mathias.is>
Date: Tue, 6 Aug 2019 02:45:43 +0300
Subject: [PATCH] Button shadow experiment

---
 _includes/style.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/_includes/style.scss b/_includes/style.scss
index e4a3630..4c031fb 100644
--- a/_includes/style.scss
+++ b/_includes/style.scss
@@ -157,21 +157,21 @@ li {
 	margin: 0 0 1.125em 0;
 	padding: .5em 2.5em .5em 1em;
 	text-shadow: none;
-	transition: .08s;
+	transition: .12s;
 }
 
 .button:last-child {
 	margin: 0;
 }
 
-.button:hover,
-.button:focus {
-	background-color: darken($accentcolor, 5%);
-	color: $lightcolor;
+.button:hover {
+	box-shadow: 0 8px 15px rgba(0, 0, 0, .22);
 }
 
 .button:focus {
-	box-shadow: inset 0 .250em .250em rgba(0, 0, 0, .1);
+	box-shadow:
+		inset 0 .250em .250em rgba(0, 0, 0, .1),
+		0 8px 15px rgba(0, 0, 0, .22);
 }
 
 .button span {