From 6804169a8abbf8104528c909ddefc1b6eb83b997 Mon Sep 17 00:00:00 2001 From: "Eevee (Evelyn Woods)" Date: Tue, 3 Nov 2020 14:07:49 -0700 Subject: [PATCH] Spruce up buttons a teeny bit more --- style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 16fcd32..29ba349 100644 --- a/style.css +++ b/style.css @@ -38,7 +38,9 @@ button { color: white; background: var(--button-bg-color); border: 1px solid hsl(225, 10%, 15%); - box-shadow: 0 1px 0 hsl(225, 10%, 10%); + box-shadow: + inset 0 0 2px 1px hsl(225, 10%, 33%), + 0 1px 0 hsl(225, 10%, 10%); border-radius: 0.25em; text-transform: lowercase; cursor: pointer; @@ -47,12 +49,16 @@ button:hover { background: var(--button-bg-hover-color); } button:active { - box-shadow: none; + box-shadow: + inset 0 0 2px 1px hsl(225, 10%, 33%); transform: translateY(1px); } button:disabled { color: #606060; background: #202020; + box-shadow: + inset 0 0 2px 1px hsl(225, 0%, 10%), + 0 1px 0 hsl(225, 10%, 10%); cursor: auto; } button.button-big {