carhop__dynamiques-theme__P.../resources/css/pages/singles.css

80 lines
1.4 KiB
CSS

.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;
}
.sidebar {
.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;
}
}