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

introducing new css components

Browse Source
This commit is contained in:
Antoine M 2023-10-25 14:46:53 +02:00
parent 4ea1e3c924
commit cc7f7da4b5
2 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/css/components/card-container.css Normal file
View File

@ -0,0 +1,11 @@
.card-container {
@apply grid
grid-cols-1
sm:grid-cols-2
xl:grid-cols-4
max-w-screen-2xl
px-8
py-16
gap-8
mx-auto;
}

15
resources/css/components/heading-box.css Normal file
View File

@ -0,0 +1,15 @@
.heading-box {
@apply bg-primary text-white text-center py-12 max-w-screen-xl mx-auto
mt-8 rounded-2xl relative pt-20;
&__title {
@apply uppercase font-medium text-xl tracking-widest;
}
&__description {
@apply font-bold text-4xl max-w-screen-md mx-auto pt-4 max-w-md mx-auto;
line-height: 1.2;
}
&__page-icon {
@apply mx-auto w-28 absolute top-0 left-1/2;
transform: translate(-50%, -50%);
}
}