From 84967d0cafb9703dd2050659ee877aa2f8c4e603 Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Tue, 27 May 2025 13:48:29 -0400 Subject: [PATCH 1/2] CASH-472 update donation slider box shadow to match Figma. --- src/experiment-components/donation-block.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue index 30fe9f8ed..e504365fb 100644 --- a/src/experiment-components/donation-block.vue +++ b/src/experiment-components/donation-block.vue @@ -208,8 +208,9 @@ export default { justify-content: center; background: $blue-100; border-radius: 3rem; - box-shadow: 0px 0px 4px 1px rgba(0, 112, 209, 1) inset; - font-size: 0.875rem; + box-shadow: inset 0px 2px 4px 0px rgba(0, 112, 209, .2); + font-size: .875rem; + border: 1px solid $blue; .label { position: relative; display: inline-flex; @@ -231,7 +232,7 @@ export default { left: -2rem; background: $blue; border-radius: 3rem; - box-shadow: 0px 0px 0px 1px rgba(0, 112, 209, 1) inset; + box-shadow: 0px 3px 4px 0px rgba(66, 68, 90, 0.2); transition: transform 750ms cubic-bezier(0.02, 0.94, 0.09, 0.97); transform: translate3d(2rem, 0, 0); } From a1c6728c12bc78b84a67fcf50da1488fd875867c Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Tue, 27 May 2025 13:51:40 -0400 Subject: [PATCH 2/2] Format code. --- src/experiment-components/donation-block.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue index e504365fb..0e14588d7 100644 --- a/src/experiment-components/donation-block.vue +++ b/src/experiment-components/donation-block.vue @@ -208,8 +208,8 @@ export default { justify-content: center; background: $blue-100; border-radius: 3rem; - box-shadow: inset 0px 2px 4px 0px rgba(0, 112, 209, .2); - font-size: .875rem; + box-shadow: inset 0px 2px 4px 0px rgba(0, 112, 209, 0.2); + font-size: 0.875rem; border: 1px solid $blue; .label { position: relative;