From 14b6fe0c0cd4e33bb7748d279371660ed0b7a7aa Mon Sep 17 00:00:00 2001 From: Tanya Fomina Date: Tue, 21 Jun 2022 17:42:11 +0800 Subject: [PATCH] Firefox mask-box-image fix --- src/frontend/styles/components/button.pcss | 1 - src/frontend/styles/vars.pcss | 2 ++ 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/frontend/styles/components/button.pcss b/src/frontend/styles/components/button.pcss index 5b887fb..68ed81e 100644 --- a/src/frontend/styles/components/button.pcss +++ b/src/frontend/styles/components/button.pcss @@ -12,7 +12,6 @@ cursor: pointer; transition-property: background-color; transition-duration: 0.1s; - border-radius: 8px; @apply --squircle; diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss index c9a780d..805b0c3 100644 --- a/src/frontend/styles/vars.pcss +++ b/src/frontend/styles/vars.pcss @@ -74,6 +74,8 @@ } --squircle { + border-radius: 8px; + @supports(-webkit-mask-box-image: url('')){ border-radius: 0; -webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.3872C0 1.83334 1.83334 0 10.3872 0H13.6128C22.1667 0 24 1.83334 24 10.3872V13.6128C24 22.1667 22.1667 24 13.6128 24H10.3872C1.83334 24 0 22.1667 0 13.6128V10.3872Z' fill='black'/%3E%3C/svg%3E%0A") 48% 41% 37.9% 53.3%;;