From e8dc7594f687dac63f4c849e284aacc5862f54fc Mon Sep 17 00:00:00 2001 From: john-emerson14 Date: Sat, 21 Mar 2020 22:55:40 -0300 Subject: [PATCH] fix: lag when starts & buttom hover --- style.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/style.css b/style.css index 30b3e54..1a0ee67 100644 --- a/style.css +++ b/style.css @@ -42,23 +42,24 @@ body { .link { position: relative; font-family: var(--font); - color: var(--bgColor); - background-color: var(--accentColor); + background-color: transparent; + color: var(--accentColor); border: solid var(--accentColor) 2px; border-radius: 10px; font-size: 1rem; - font-weight: bold; text-align: center; display: block; - margin-bottom: 20px; - padding: 17px; + margin-bottom: 10px; + padding: 10px; /* 17px */ text-decoration: none; - transition: all .25s cubic-bezier(.08, .59, .29, .99); + /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */ } -.link:hover { - background-color: transparent; - color: var(--accentColor); +@media (hover: hover) { + .link:hover { + background-color: var(--accentColor); + color: var(--bgColor); + } } #profileQuote {