From 2a4079861fbedc29208e2394e7db437683429e74 Mon Sep 17 00:00:00 2001 From: EliteAsian <29520859+EliteAsian123@users.noreply.github.com> Date: Thu, 24 Aug 2023 13:05:02 -0400 Subject: [PATCH] Better button masking --- src/components/Button/Button.module.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/Button/Button.module.css b/src/components/Button/Button.module.css index e1fcd03..28e9a83 100644 --- a/src/components/Button/Button.module.css +++ b/src/components/Button/Button.module.css @@ -3,9 +3,12 @@ background: none; position: relative; - overflow: hidden; isolation: isolate; + /* Masking works WAY better than below */ + /*overflow: none;*/ + mask: linear-gradient(#000 0 0); + border: none; border-radius: var(--borderRadius); padding: 0;