Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introducing cta--load-more and cta--centered

Browse Source
This commit is contained in:
Antoine M 2023-11-28 14:59:09 +01:00
parent 128774255e
commit cb8d52ecc6
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/css/components/cta.css
View File

@ -32,11 +32,30 @@
@apply bg-secondary text-white; @apply bg-secondary text-white;
} }
} }
&--centered {
@apply mx-auto;
}
&--load-more {
@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;
transform: translateY(1px);
}
}
&--download { &--download {
@apply relative h-16 w-16 shadowed; @apply relative h-16 w-16 shadowed;
transition: scale 0.3s ease-in-out; transition: scale 0.3s ease-in-out;
&:after { &:after {
@apply w-full h-full absolute; @apply w-full h-full absolute;
/* content: url('../resources/img/graphic-assets/icone-external-link.svg'); */ /* content: url('../resources/img/graphic-assets/icone-external-link.svg'); */
content: ' '; content: ' ';
background-image: url('../resources/img/graphic-assets/arrow_download.svg'); background-image: url('../resources/img/graphic-assets/arrow_download.svg');