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

new cta variations

Browse Source
This commit is contained in:
Antoine M 2024-02-01 18:23:00 +01:00
parent 04d64457ab
commit 685d3af7d5
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,17 +7,26 @@
&--construction { &--construction {
@apply bg-construction; @apply bg-construction;
} }
&--play { &--button-icon {
@apply relative; @apply relative;
&: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: "";
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background-image: url("../../img/icon-play.svg");
background-position: center; background-position: center;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
} }
&--play {
&:after {
background-image: url("../../img/icon-play.svg");
}
}
&--next {
&:after {
background-image: url("../../img/arrow-next.svg");
}
}
} }