Compare commits
3 Commits
f931135555
...
66828aa8b6
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
66828aa8b6 | ||
|
|
e2dd501342 | ||
|
|
88789212bb |
|
|
@ -19,8 +19,7 @@
|
||||||
@import './components/content-meta.css';
|
@import './components/content-meta.css';
|
||||||
@import './components/article-tag.css';
|
@import './components/article-tag.css';
|
||||||
@import './components/page-header.css';
|
@import './components/page-header.css';
|
||||||
@import './components/revues-grid.css';
|
|
||||||
@import './components/card-revue.css';
|
|
||||||
|
|
||||||
/* ########### LAYOUT ############ */
|
/* ########### LAYOUT ############ */
|
||||||
@import './layout/nav.css';
|
@import './layout/nav.css';
|
||||||
|
|
|
||||||
|
|
@ -18,10 +18,9 @@
|
||||||
@apply relative !py-12 xl:py-24 !my-12;
|
@apply relative !py-12 xl:py-24 !my-12;
|
||||||
}
|
}
|
||||||
&__content {
|
&__content {
|
||||||
/* flex-shrink: 0; */
|
|
||||||
@apply max-w-3xl;
|
@apply max-w-3xl;
|
||||||
p {
|
p {
|
||||||
@apply text-neutral-600 max-w-xl @apply mb-2;
|
@apply text-neutral-600 max-w-xl mb-2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__innerblocks {
|
&__innerblocks {
|
||||||
|
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
.card-revue {
|
|
||||||
@apply p-8 border border-primary relative grid gap-6 bg-white;
|
|
||||||
grid-template-columns: 1fr 4fr 40px;
|
|
||||||
|
|
||||||
.content-meta {
|
|
||||||
@apply mb-4;
|
|
||||||
.content-meta__type--revue {
|
|
||||||
@apply text-lg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&__title {
|
|
||||||
@apply text-3xl font-bold;
|
|
||||||
}
|
|
||||||
&__date {
|
|
||||||
@apply capitalize pt-3 block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.issue-number {
|
|
||||||
@apply bg-primary text-white w-full h-auto flex items-center justify-center;
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
@apply absolute top-0 left-0 w-full h-full border border-primary;
|
|
||||||
z-index: -1;
|
|
||||||
transform: translate(10px, 10px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
.revues-grid {
|
|
||||||
&__toolbar {
|
|
||||||
@apply grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-between pb-12;
|
|
||||||
|
|
||||||
h2.revues-count {
|
|
||||||
@apply flex items-end gap-2;
|
|
||||||
|
|
||||||
&__count {
|
|
||||||
@apply font-normal uppercase fjalla;
|
|
||||||
line-height: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__text {
|
|
||||||
@apply text-xl nunito;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-bar {
|
|
||||||
@apply justify-self-end;
|
|
||||||
input {
|
|
||||||
@apply py-2 px-4 border border-primary rounded-full;
|
|
||||||
&::placeholder {
|
|
||||||
@apply text-sm text-carhop-green-700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&__toolbar-actions {
|
|
||||||
@apply col-span-2 flex items-center gap-4;
|
|
||||||
|
|
||||||
select {
|
|
||||||
@apply border border-carhop-green-700 rounded-full py-2 px-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
select[name='etiquettes'] {
|
|
||||||
/* @apply bg-blue-300; */
|
|
||||||
}
|
|
||||||
|
|
||||||
select[name='auteurs'] {
|
|
||||||
/* @apply bg-red-300; */
|
|
||||||
}
|
|
||||||
|
|
||||||
select[name='sort_by'] {
|
|
||||||
@apply ml-auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__list {
|
|
||||||
@apply grid grid-cols-1 md:grid-cols-2 gap-8;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -10,7 +10,7 @@ export default function initFooterShapes() {
|
||||||
trigger: '.branding',
|
trigger: '.branding',
|
||||||
start: 'top bottom',
|
start: 'top bottom',
|
||||||
end: 'bottom top',
|
end: 'bottom top',
|
||||||
markers: true,
|
// markers: true,
|
||||||
scrub: 0.2,
|
scrub: 0.2,
|
||||||
},
|
},
|
||||||
y: '80%',
|
y: '80%',
|
||||||
|
|
@ -29,7 +29,7 @@ export default function initFooterShapes() {
|
||||||
trigger: '.branding',
|
trigger: '.branding',
|
||||||
start: 'top bottom',
|
start: 'top bottom',
|
||||||
end: 'bottom top',
|
end: 'bottom top',
|
||||||
markers: true,
|
// markers: true,
|
||||||
scrub: 0.4,
|
scrub: 0.4,
|
||||||
},
|
},
|
||||||
y: '30%',
|
y: '30%',
|
||||||
|
|
@ -48,7 +48,7 @@ export default function initFooterShapes() {
|
||||||
trigger: '.branding',
|
trigger: '.branding',
|
||||||
start: 'top bottom',
|
start: 'top bottom',
|
||||||
end: 'bottom top',
|
end: 'bottom top',
|
||||||
markers: true,
|
// markers: true,
|
||||||
scrub: 0.6,
|
scrub: 0.6,
|
||||||
},
|
},
|
||||||
y: '30%',
|
y: '30%',
|
||||||
|
|
@ -67,7 +67,7 @@ export default function initFooterShapes() {
|
||||||
trigger: '.branding',
|
trigger: '.branding',
|
||||||
start: 'top bottom',
|
start: 'top bottom',
|
||||||
end: 'bottom top',
|
end: 'bottom top',
|
||||||
markers: true,
|
// markers: true,
|
||||||
scrub: 0.3,
|
scrub: 0.3,
|
||||||
},
|
},
|
||||||
y: '60%',
|
y: '60%',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user