Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE introducing top toolbar and sidebar styles

Browse Source
This commit is contained in:
Nonimart 2025-06-23 16:15:09 +02:00
parent 469d568f38
commit 388a9e6b35
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
resources/css/pages/singles.css
View File

@ -1,11 +1,30 @@
.page--single-revue, .page--single-revue,
.page--single-articles { .page--single-articles {
.content-wrapper { .content-wrapper {
@apply container mx-auto grid grid-cols-12 gap-12 py-12; @apply container mx-auto grid grid-cols-12 gap-12 py-12 items-start;
grid-template-columns: 1fr 4fr; grid-template-columns: 1fr 2fr;
}
.top-toolbar {
@apply col-span-2;
.tablist {
@apply flex gap-12 border-b border-primary;
button {
@apply text-xl mt-8 nunito pb-4;
&[aria-selected='true'] {
@apply text-primary border-b-4 border-primary;
}
&[aria-selected='false'] {
@apply text-carhop-gray opacity-80;
}
}
}
} }
.sidebar { .sidebar {
@apply sticky top-0 left-0 h-fit;
.search-field { .search-field {
input { input {
@apply border border-primary w-full; @apply border border-primary w-full;