From d89a2daa44ff38fc8a5d9ebb9bed60976fe5d669 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 30 Nov 2023 17:50:13 +0100 Subject: [PATCH] introducing see-all cta --- resources/css/components/cta.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/resources/css/components/cta.css b/resources/css/components/cta.css index 3c9ba6e..23f0f6b 100644 --- a/resources/css/components/cta.css +++ b/resources/css/components/cta.css @@ -50,6 +50,23 @@ transform: translateY(1px); } } + &--see-all { + @apply relative; + &:after { + filter: invert(17%) sepia(69%) saturate(4735%) hue-rotate(351deg) brightness(94%) + contrast(94%); + content: ' '; + @apply inline-block ml-2 w-3 h-3; + background-image: url('../resources/img/graphic-assets/chevron_down.svg'); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + rotate: -90deg; + transform: translateY(1px); + } + &:hover:after { + } + } &--download { @apply relative h-16 w-16 shadowed; transition: scale 0.3s ease-in-out;