Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE MAJOR CHANGE Reducing font-size and paddings everywhere
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-10-08 15:52:02 +02:00
parent 09d34cadf8
commit 8062b003c1
13 changed files with 49 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/css/blocks/explore-tags.css
View File

@ -6,10 +6,10 @@
} }
.tag-list { .tag-list {
@apply flex gap-8 flex-wrap; @apply flex gap-6 flex-wrap;
&__tag { &__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 { svg {
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
@apply w-8 h-8; @apply w-8 h-8;

2
resources/css/blocks/statistics-datas.css
View File

@ -5,7 +5,7 @@
@apply flex flex-col gap-4 items-center; @apply flex flex-col gap-4 items-center;
&-number { &-number {
@apply text-6xl fjalla pt-3 font-light; @apply text-5xl fjalla pt-3 font-light;
} }
&-label { &-label {

4
resources/css/components/article-informations.css
View File

@ -1,10 +1,10 @@
.article-informations { .article-informations {
@apply flex flex-col gap-y-28; @apply flex flex-col gap-y-16;
.issue-informations { .issue-informations {
@apply flex gap-x-20 gap-y-8 flex-wrap; @apply flex gap-x-20 gap-y-8 flex-wrap;
.content-tab__title { .content-tab__title {
@apply w-full shrink-0 mb-3; @apply w-full shrink-0 mb-2;
} }
} }
.issue-updated-date, .issue-updated-date,

2
resources/css/components/article-references.css
View File

@ -7,7 +7,7 @@
@apply pl-6 relative; @apply pl-6 relative;
p, p,
span { span {
@apply !text-xl; @apply !text-lg;
} }
a { a {
@apply underline underline-offset-4 decoration-1; @apply underline underline-offset-4 decoration-1;

2
resources/css/components/article-revues-toolbar.css
View File

@ -5,7 +5,7 @@
.tablist { .tablist {
@apply flex items-center overflow-x-scroll lg:overflow-x-visible gap-4 md:gap-8 lg:gap-12 border-b border-primary; @apply flex items-center overflow-x-scroll lg:overflow-x-visible gap-4 md:gap-8 lg:gap-12 border-b border-primary;
button { 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; grid-template-columns: auto 1fr;
/* white-space: normal; /* white-space: normal;
word-wrap: break-word; */ word-wrap: break-word; */

8
resources/css/components/author-card.css
View File

@ -21,7 +21,7 @@
&:before { &:before {
content: ''; 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-image: url('../resources/img/icons/icon-losange.svg');
background-size: contain; background-size: contain;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -51,13 +51,13 @@
} }
&__infos { &__infos {
@apply w-full; @apply w-full flex flex-col gap-y-2;
.author-card__name { .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 { .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 { &::before {
content: ''; content: '';

2
resources/css/components/authors-list.css
View File

@ -1,7 +1,7 @@
.authors-list { .authors-list {
@apply mb-20; @apply mb-20;
&__title { &__title {
@apply text-4xl font-medium mb-4 uppercase; @apply text-3xl font-medium mb-4 uppercase;
} }
&__article-title { &__article-title {
@apply mb-8 underline underline-offset-8 decoration-1 opacity-90; @apply mb-8 underline underline-offset-8 decoration-1 opacity-90;

2
resources/css/components/post-card.css
View File

@ -41,7 +41,7 @@
} }
} }
&__title { &__title {
@apply text-3xl font-normal uppercase; @apply text-2xl font-normal uppercase;
} }
&__date { &__date {
@apply capitalize pt-3 block; @apply capitalize pt-3 block;

2
resources/css/components/post-grid.css
View File

@ -10,7 +10,7 @@
} }
&__text { &__text {
@apply text-xl nunito; @apply text-lg nunito;
} }
} }

2
resources/css/components/post-header.css
View File

@ -3,7 +3,7 @@
h1.post-header__title, h1.post-header__title,
h2.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; line-height: 1.2;
} }
&__inner { &__inner {

2
resources/css/layout/gutenberg.css
View File

@ -10,7 +10,7 @@ article > *:not(.entry-content),
} }
h2 { h2 {
@apply text-xl; @apply text-lg;
} }
h3 { h3 {

6
resources/css/pages/single-auteurs.css
View File

@ -4,7 +4,7 @@
&__header { &__header {
@apply py-12 !my-0 bg-primary alignfull pb-80; @apply py-12 !my-0 bg-primary alignfull pb-80;
h1 { h1 {
@apply !text-6xl uppercase mb-8 col-span-2 !text-white; @apply !text-5xl uppercase mb-8 col-span-2 !text-white;
} }
p { p {
@apply text-white; @apply text-white;
@ -18,7 +18,7 @@
@apply text-lg text-white flex gap-2 py-4; @apply text-lg text-white flex gap-2 py-4;
.data-type { .data-type {
@apply uppercase font-medium text-xl tracking-widest; @apply uppercase font-medium text-lg tracking-widest;
} }
.articles-amount { .articles-amount {
@ -82,7 +82,7 @@
transform: translateY(-200px); transform: translateY(-200px);
margin-bottom: -150px; margin-bottom: -150px;
p { 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;
} }
} }
} }

37
resources/css/pages/singles.css
View File

@ -75,8 +75,11 @@
@apply w-full p-4; @apply w-full p-4;
} }
} }
.tags {
@apply hidden lg:block;
}
.tags__title { .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 { .tags-list {
@apply flex flex-wrap gap-4; @apply flex flex-wrap gap-4;
@ -90,15 +93,36 @@
@apply max-w-screen-2xl mx-auto w-full; @apply max-w-screen-2xl mx-auto w-full;
.edito { .edito {
@apply border border-primary p-6 mb-12; @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 { content: ' ';
@apply !hidden !bg-red-400; @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 { &__title {
@apply text-4xl font-bold mb-4; @apply text-3xl font-bold;
} }
&__content { &__content {
@apply text-lg; @apply text-lg mt-6;
} }
&__cta { &__cta {
@apply my-4; @apply my-4;
@ -142,7 +166,7 @@
} }
.content-tab__title { .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; order: 2;
@apply sticky bottom-0; @apply sticky bottom-0;
align-self: flex-end; align-self: flex-end;
} }
} }
} }