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

REFACOTR moving the components to dynamic theme

Browse Source
This commit is contained in:
Antoine M 2025-06-04 11:37:34 +02:00
parent f931135555
commit 88789212bb
3 changed files with 1 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/css/app.css
View File

@ -19,8 +19,7 @@
@import './components/content-meta.css';
@import './components/article-tag.css';
@import './components/page-header.css';
@import './components/revues-grid.css';
@import './components/card-revue.css';
/* ########### LAYOUT ############ */
@import './layout/nav.css';

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

@ -1,29 +0,0 @@
.card-revue {
@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);
}
}

51
resources/css/components/revues-grid.css
View File

@ -1,51 +0,0 @@
.revues-grid {
&__toolbar {
@apply grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-between pb-12;
h2.revues-count {
@apply flex items-end gap-2;
&__count {
@apply font-normal uppercase fjalla;
line-height: 0.8;
}
&__text {
@apply text-xl nunito;
}
}
.search-bar {
@apply justify-self-end;
input {
@apply py-2 px-4 border border-primary rounded-full;
&::placeholder {
@apply text-sm text-carhop-green-700;
}
}
}
}
&__toolbar-actions {
@apply col-span-2 flex items-center gap-4;
select {
@apply border border-carhop-green-700 rounded-full py-2 px-4;
}
select[name='etiquettes'] {
/* @apply bg-blue-300; */
}
select[name='auteurs'] {
/* @apply bg-red-300; */
}
select[name='sort_by'] {
@apply ml-auto;
}
}
&__list {
@apply grid grid-cols-1 md:grid-cols-2 gap-8;
}
}