Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining ctas

Browse Source
This commit is contained in:
Antoine M 2024-02-13 19:29:43 +01:00
parent db64325831
commit 04b4206edc
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/css/components/cta.scss
View File

@ -8,8 +8,9 @@
@apply bg-construction; @apply bg-construction;
} }
&--button-icon { &--button-icon {
@apply relative; @apply relative border-none cursor-pointer;
transition: all .4s ease-in-out;
&:after { &:after {
@apply absolute w-12 h-12 z-20 left-1/2 top-1/2; @apply absolute w-12 h-12 z-20 left-1/2 top-1/2;
content: ""; content: "";
@ -18,15 +19,21 @@
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
&:hover {
scale: 1.2;
}
} }
&--play { &--play {
&:after { &:after {
background-image: url("../../img/icon-play.svg"); background-image: url("../../img/icons/icon-play.svg");
} }
} }
&--next { &--next {
&:after { &:after {
background-image: url("../../img/arrow-next.svg"); background-image: url("../../img/icons/arrow-next.svg");
} }
} }
} }
.motion-button {
@apply bg-transparent w-fit h-fit border-none;
}