diff --git a/resources/css/blocks/explore-tags.css b/resources/css/blocks/explore-tags.css index b666a24..58f325d 100644 --- a/resources/css/blocks/explore-tags.css +++ b/resources/css/blocks/explore-tags.css @@ -6,10 +6,10 @@ } .tag-list { - @apply flex gap-8 flex-wrap; + @apply flex gap-6 flex-wrap; &__tag { - @apply text-xl font-normal border border-primary p-4 h-fit flex items-center gap-2; + @apply text-lg font-normal border border-primary p-4 h-fit flex items-center gap-2; svg { transition: transform 0.3s ease-in-out; @apply w-8 h-8; diff --git a/resources/css/blocks/statistics-datas.css b/resources/css/blocks/statistics-datas.css index ab7b556..c7cd269 100644 --- a/resources/css/blocks/statistics-datas.css +++ b/resources/css/blocks/statistics-datas.css @@ -5,7 +5,7 @@ @apply flex flex-col gap-4 items-center; &-number { - @apply text-6xl fjalla pt-3 font-light; + @apply text-5xl fjalla pt-3 font-light; } &-label { diff --git a/resources/css/components/article-informations.css b/resources/css/components/article-informations.css index e910806..bff69da 100644 --- a/resources/css/components/article-informations.css +++ b/resources/css/components/article-informations.css @@ -1,10 +1,10 @@ .article-informations { - @apply flex flex-col gap-y-28; + @apply flex flex-col gap-y-16; .issue-informations { @apply flex gap-x-20 gap-y-8 flex-wrap; .content-tab__title { - @apply w-full shrink-0 mb-3; + @apply w-full shrink-0 mb-2; } } .issue-updated-date, diff --git a/resources/css/components/article-references.css b/resources/css/components/article-references.css index 6b1aa89..5c07d52 100644 --- a/resources/css/components/article-references.css +++ b/resources/css/components/article-references.css @@ -7,7 +7,7 @@ @apply pl-6 relative; p, span { - @apply !text-xl; + @apply !text-lg; } a { @apply underline underline-offset-4 decoration-1; diff --git a/resources/css/components/article-revues-toolbar.css b/resources/css/components/article-revues-toolbar.css index bca3405..c2461f5 100644 --- a/resources/css/components/article-revues-toolbar.css +++ b/resources/css/components/article-revues-toolbar.css @@ -5,7 +5,7 @@ .tablist { @apply flex items-center overflow-x-scroll lg:overflow-x-visible gap-4 md:gap-8 lg:gap-12 border-b border-primary; button { - @apply text-base md:text-lg lg:text-xl mt-8 nunito pb-4 flex flex-col lg:flex-row items-center gap-2 lg:gap-4 text-left; + @apply text-base md:text-lg lg:text-lg mt-8 nunito pb-4 flex flex-col lg:flex-row items-center gap-2 lg:gap-4 text-left; grid-template-columns: auto 1fr; /* white-space: normal; word-wrap: break-word; */ diff --git a/resources/css/components/author-card.css b/resources/css/components/author-card.css index 69b5103..70fb4cd 100644 --- a/resources/css/components/author-card.css +++ b/resources/css/components/author-card.css @@ -21,7 +21,7 @@ &:before { content: ''; - @apply block w-12 h-12 filter-primary; + @apply block w-6 h-6 filter-primary; background-image: url('../resources/img/icons/icon-losange.svg'); background-size: contain; background-repeat: no-repeat !important; @@ -51,13 +51,13 @@ } &__infos { - @apply w-full; + @apply w-full flex flex-col gap-y-2; .author-card__name { - @apply text-3xl uppercase font-medium mb-2 tracking-normal; + @apply text-2xl uppercase font-medium tracking-normal; } .author-card__articles-amount { - @apply text-primary font-normal flex items-center gap-2 mt-4; + @apply text-primary font-normal flex items-center gap-2; &::before { content: ''; diff --git a/resources/css/components/authors-list.css b/resources/css/components/authors-list.css index 7be7f54..cd6c178 100644 --- a/resources/css/components/authors-list.css +++ b/resources/css/components/authors-list.css @@ -1,7 +1,7 @@ .authors-list { @apply mb-20; &__title { - @apply text-4xl font-medium mb-4 uppercase; + @apply text-3xl font-medium mb-4 uppercase; } &__article-title { @apply mb-8 underline underline-offset-8 decoration-1 opacity-90; diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css index d80be7f..45b0ab7 100644 --- a/resources/css/components/post-card.css +++ b/resources/css/components/post-card.css @@ -41,7 +41,7 @@ } } &__title { - @apply text-3xl font-normal uppercase; + @apply text-2xl font-normal uppercase; } &__date { @apply capitalize pt-3 block; diff --git a/resources/css/components/post-grid.css b/resources/css/components/post-grid.css index 1bee5c7..540999d 100644 --- a/resources/css/components/post-grid.css +++ b/resources/css/components/post-grid.css @@ -10,7 +10,7 @@ } &__text { - @apply text-xl nunito; + @apply text-lg nunito; } } diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css index 1699fd5..2eca17d 100644 --- a/resources/css/components/post-header.css +++ b/resources/css/components/post-header.css @@ -3,7 +3,7 @@ h1.post-header__title, h2.post-header__title { - @apply uppercase font-medium text-4xl md:text-5xl lg:text-6xl text-white; + @apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white; line-height: 1.2; } &__inner { diff --git a/resources/css/layout/gutenberg.css b/resources/css/layout/gutenberg.css index 7fbba36..7f8f951 100644 --- a/resources/css/layout/gutenberg.css +++ b/resources/css/layout/gutenberg.css @@ -10,7 +10,7 @@ article > *:not(.entry-content), } h2 { - @apply text-xl; + @apply text-lg; } h3 { diff --git a/resources/css/pages/single-auteurs.css b/resources/css/pages/single-auteurs.css index 366aedd..00bd8b4 100644 --- a/resources/css/pages/single-auteurs.css +++ b/resources/css/pages/single-auteurs.css @@ -4,7 +4,7 @@ &__header { @apply py-12 !my-0 bg-primary alignfull pb-80; h1 { - @apply !text-6xl uppercase mb-8 col-span-2 !text-white; + @apply !text-5xl uppercase mb-8 col-span-2 !text-white; } p { @apply text-white; @@ -18,7 +18,7 @@ @apply text-lg text-white flex gap-2 py-4; .data-type { - @apply uppercase font-medium text-xl tracking-widest; + @apply uppercase font-medium text-lg tracking-widest; } .articles-amount { @@ -82,7 +82,7 @@ transform: translateY(-200px); margin-bottom: -150px; p { - @apply text-white uppercase text-xl font-semibold tracking-widest mb-8; + @apply text-white uppercase text-lg font-semibold tracking-widest mb-8; } } } diff --git a/resources/css/pages/singles.css b/resources/css/pages/singles.css index 14ff388..5fba29c 100644 --- a/resources/css/pages/singles.css +++ b/resources/css/pages/singles.css @@ -75,8 +75,11 @@ @apply w-full p-4; } } + .tags { + @apply hidden lg:block; + } .tags__title { - @apply text-xl uppercase font-semibold mt-8 my-4 nunito; + @apply text-lg uppercase font-semibold mt-8 my-4 nunito; } .tags-list { @apply flex flex-wrap gap-4; @@ -90,15 +93,36 @@ @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'); */ - summary:marker { - @apply !hidden !bg-red-400; + 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-4xl font-bold mb-4; + @apply text-3xl font-bold; } &__content { - @apply text-lg; + @apply text-lg mt-6; } &__cta { @apply my-4; @@ -142,7 +166,7 @@ } .content-tab__title { - @apply text-4xl uppercase font-thin mb-12; + @apply text-3xl uppercase font-thin mb-6; } } @@ -158,7 +182,6 @@ order: 2; @apply sticky bottom-0; align-self: flex-end; - } } }