carhop__carhop-theme__DEV/resources/css/components/content-area.css
2026-02-24 17:30:27 +01:00

49 lines
1.1 KiB
CSS

.content-area {
@apply max-w-screen-2xl mx-auto w-full;
.edito {
@apply border border-primary p-6 mb-12;
summary {
cursor: pointer;
@apply relative;
&::marker {
content: none;
}
&::after {
@apply absolute top-1/2 right-0 -translate-y-1/2;
transition: transform 0.3s ease-out;
background-image: url('../resources/img/elements/select-drop-button.svg');
/* background-image: url('../resources/img/icons/icon-activites.svg'); */
content: ' ';
@apply bg-contain;
/* @apply bg-red-500; */
@apply block w-12 h-12;
@apply rounded-full;
@apply mr-2;
}
}
&[open] {
summary::after {
transform: rotate(-180deg) translateY(50%);
}
}
&__title {
@apply text-3xl font-bold;
}
&__content {
@apply text-lg mt-6;
}
&__cta {
@apply my-4;
}
}
.table-matieres {
&__title {
@apply text-4xl font-bold mb-12;
}
.article-grid__list {
@apply grid grid-cols-1 gap-4;
}
}
}