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

STYLE refining component

Browse Source
This commit is contained in:
Antoine M 2025-05-15 14:16:17 +02:00
parent 89b5d9d013
commit 7c7f549d48
1 changed files with 32 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/css/components/article-card.css
View File

@ -1,6 +1,37 @@
.article-card {
@apply bg-white border border-primary p-4;
@apply bg-white border border-primary p-6 relative;
&:after {
@apply content-[''] absolute inset-0 border-primary w-full h-full pointer-events-none;
border-width: 4px;
opacity: 0;
}
&:hover {
&:after {
opacity: 1;
}
.article-card__link-button {
svg {
@apply translate-x-2;
}
}
}
&__link-button {
@apply block mt-8;
width: 100px;
height: 100px;
svg {
transition: transform 0.3s ease-in-out;
path,
circle {
@apply stroke-primary;
}
}
}
.content-meta {
@apply text-primary;
}
&__title {
@apply text-3xl font-medium uppercase pb-4;
}