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

hadnlign component style

Browse Source
This commit is contained in:
Antoine M 2024-07-10 15:36:20 +02:00
parent 8133ebe0f7
commit 825aa017a9
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
resources/css/blocks/page-card.css Normal file
View File

@ -0,0 +1,40 @@
.homegrade-blocks-page-card {
@apply flex flex-col text-2xl mt-8 bg-white shadowed-lg rounded-3xl !p-8 relative;
text-decoration: none !important;
transitions: all 0.3s ease-in-out;
&:hover {
@apply !bg-white !rounded-3xl translate-y-2;
transitions: all 0.3s ease-in-out;
scale: 1.01;
.homegrade-blocks-page-card__cta .cta_arrow_button {
@apply translate-x-2;
}
}
&__icon {
max-width: 80px;
}
&__title {
text-decoration: none;
@apply !text-xl font-bold !mt-3 text-black;
line-height: 1.2 !important;
}
&__excerpt {
@apply text-base pt-3 !text-base text-black font-normal;
}
&__cta {
.cta_arrow_button {
transition: all 0.3s ease-in-out;
}
@apply mt-auto text-lg relative w-full text-black;
/* align-self: last baseline; */
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 2rem;
font-weight: 700;
/* position: unset; */
}
}