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

adding download cta handling

Browse Source
This commit is contained in:
Antoine M 2023-11-07 16:49:12 +01:00
parent 27f1eadf73
commit b0cfbc749f
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,6 +32,38 @@
@apply bg-secondary text-white;
}
}
&--download {
@apply relative h-16 w-16 shadowed;
transition: scale 0.3s ease-in-out;
&:after {
@apply w-full h-full absolute;
/* content: url('../resources/img/graphic-assets/icone-external-link.svg'); */
content: ' ';
background-image: url('../resources/img/graphic-assets/arrow_download.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 24px;
height: 24px;
/* background-color: rgba(0, 0, 0, 0.5); */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
&:hover {
scale: 1.1;
}
}
&.cta--download.cta--white {
&:hover {
@apply bg-secondary text-white;
&:after {
filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%)
contrast(100%);
}
}
}
&--streched {
@apply after:absolute after:inset-0;
}