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

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

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