From 492e7cd42fffee60ca39461e2aa600101d3393c4 Mon Sep 17 00:00:00 2001 From: Ash Monty Date: Mon, 25 Jul 2022 15:58:33 +0200 Subject: [PATCH] fix(styles): fix buttons --- public/assets/css/components.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/public/assets/css/components.css b/public/assets/css/components.css index b71dbb7..043da64 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -1,6 +1,7 @@ /* BUTTONS */ -button { +button, +.button { appearance: none; -webkit-appearance: none; border: 0; @@ -14,24 +15,29 @@ button { display: block; text-align: center; } -button:hover { +button:hover, +.button:hover { background: var(--bg-shade-4); } -button.primary { +button.primary, +.button.primary { background: var(--accent-shade-0); } -button.primary:hover { +button.primary:hover, +.button.primary:hover { background: var(--accent-shade-1); } -button.secondary.icon-btn { +button.secondary.icon-btn, +.button.secondary.icon-btn { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } -button svg { +button svg, +.button svg { width: 30px; height: 30px; display: block;