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

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

View File

@ -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;

View File

@ -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 {

View File

@ -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,

View File

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

View File

@ -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; */

View File

@ -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: '';

View File

@ -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;

View File

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

View File

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

View File

@ -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 {

View File

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

View File

@ -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;
}
}
}

View File

@ -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;
}
}
}