From 287d101a308341eef076d7467bddb4336fa5dc6a Mon Sep 17 00:00:00 2001 From: Manos Date: Tue, 21 Jul 2020 02:45:39 +0200 Subject: [PATCH] Bigger buttons, better spacing, and OCD --- css/styles.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/css/styles.css b/css/styles.css index af078ee..095cae4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -12,7 +12,7 @@ body { margin: auto; max-width: 1080px; box-sizing: content-box; - padding: 0 1em 1em 1em; + padding: 0 1em; } #list:target + .photos { @@ -101,7 +101,7 @@ body { top: 50%; left: 50%; box-sizing: border-box; - box-shadow: 0 0 0.1em black; + box-shadow: 0 0 .1em black; transform: translate(-50%, -50%); opacity: 1; z-index: 3; @@ -123,7 +123,7 @@ body { cursor: default; pointer-events: auto; z-index: 1; - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, .5); color: white; text-shadow: 0 0 .1em black; text-decoration: none; @@ -272,10 +272,10 @@ body { } .button { - filter: invert(100%) drop-shadow(0 0 0.1em black); + filter: invert(100%) drop-shadow(0 0 .1em black); display: inline-block; font-family: sans-serif; - font-size: calc(0.5em + 0.25vw); + font-size: calc(.75em + .25vw); outline: 0; text-decoration: none; text-align: center; @@ -284,11 +284,11 @@ body { width: 33.33%; height: 2em; padding: 0; - margin: 1em 0 1em 0; + margin: 1em 0; } .button:hover { - filter: invert(90%) drop-shadow(0 0 0.1em black); + filter: invert(90%) drop-shadow(0 0 .1em black); } #footer { @@ -299,7 +299,7 @@ body { #footer .text { margin-top: 2em; - font-size: 0.75em; + font-size: .75em; font-weight: normal; text-align: center; color: gray;