99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
.page--single-revue,
|
|
.page--single-articles {
|
|
.content-wrapper {
|
|
@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;
|
|
@apply w-full p-4;
|
|
}
|
|
}
|
|
.tags__title {
|
|
@apply text-xl uppercase font-semibold mt-8 my-4 nunito;
|
|
}
|
|
.tags-list {
|
|
@apply flex flex-wrap gap-4;
|
|
}
|
|
.article-tag {
|
|
@apply block;
|
|
}
|
|
}
|
|
|
|
.content-area {
|
|
@apply max-w-screen-2xl mx-auto w-full;
|
|
.edito {
|
|
@apply border border-primary p-6 mb-12;
|
|
|
|
summary:marker {
|
|
@apply !hidden !bg-red-400;
|
|
}
|
|
&__title {
|
|
@apply text-4xl font-bold mb-4;
|
|
}
|
|
&__content {
|
|
@apply text-lg;
|
|
}
|
|
&__cta {
|
|
@apply my-4;
|
|
}
|
|
}
|
|
.table-matieres {
|
|
&__title {
|
|
@apply text-4xl font-bold mb-12;
|
|
}
|
|
.article-grid__list {
|
|
@apply grid grid-cols-1 gap-4;
|
|
}
|
|
}
|
|
}
|
|
article {
|
|
/* @apply py-12 my-12; */
|
|
@apply text-carhop-gray;
|
|
.article-title {
|
|
@apply mb-8;
|
|
}
|
|
.article-tags {
|
|
@apply mb-12;
|
|
}
|
|
|
|
p {
|
|
@apply mb-6;
|
|
}
|
|
h1 {
|
|
@apply mb-10;
|
|
}
|
|
h2,
|
|
h3 {
|
|
@apply font-bold nunito mb-3 mt-12;
|
|
font-size: 1.7rem;
|
|
}
|
|
}
|
|
|
|
#cite-reference {
|
|
@apply hidden;
|
|
}
|
|
}
|