Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE handling component basic styling

Browse Source
This commit is contained in:
Antoine M 2025-06-03 16:48:41 +02:00
parent b19f1da365
commit 2ef95207d2
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
resources/css/components/card-revue.css
View File

@ -1,3 +1,29 @@
.card-revue {
@apply p-12 border border-primary;
@apply p-8 border border-primary relative grid gap-6 bg-white;
grid-template-columns: 1fr 4fr 40px;
.content-meta {
@apply mb-4;
.content-meta__type--revue {
@apply text-lg;
}
}
&__title {
@apply text-3xl font-bold;
}
&__date {
@apply capitalize pt-3 block;
}
.issue-number {
@apply bg-primary text-white w-full h-auto flex items-center justify-center;
aspect-ratio: 1/1;
}
&:after {
content: '';
@apply absolute top-0 left-0 w-full h-full border border-primary;
z-index: -1;
transform: translate(10px, 10px);
}
}