diff --git a/resources/css/pages/singles.css b/resources/css/pages/singles.css index 67d71e4..85f0537 100644 --- a/resources/css/pages/singles.css +++ b/resources/css/pages/singles.css @@ -1,11 +1,30 @@ .page--single-revue, .page--single-articles { .content-wrapper { - @apply container mx-auto grid grid-cols-12 gap-12 py-12; - grid-template-columns: 1fr 4fr; + @apply container mx-auto grid grid-cols-12 gap-12 py-12 items-start; + 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 { + @apply sticky top-0 left-0 h-fit; .search-field { input { @apply border border-primary w-full;