Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX Responsive tweaks

Browse Source
This commit is contained in:
Antoine M 2025-10-16 11:42:56 +02:00
parent b60292bb20
commit a8dbb2f917
5 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/css/base/typography.css
View File

@ -19,6 +19,7 @@ body.front-end {
h2 {
@apply text-4xl;
line-height: 1.2;
}
}
@ -74,8 +75,11 @@ h2.chapter-section__title {
font-family: 'Nunito Sans', sans-serif !important;
}
.subtitle-big {
@apply text-5xl font-normal uppercase fjalla pb-6;
@apply text-4xl md:text-5xl font-normal uppercase fjalla pb-6;
line-height: 1.2;
@screen lg {
line-height: 1.3;
text-rendering: geometricPrecision;
font-weight: 100 !important;
}
/* text-rendering: geometricPrecision; */
font-weight: 400 !important;
}

2
resources/css/blocks/dernieres-dynamiques.css
View File

@ -59,7 +59,7 @@
}
&__issue-title {
@apply lg:text-5xl text-4xl uppercase pb-6 md:pb-12;
@apply text-3xl lg:text-5xl uppercase pb-6 md:pb-12;
line-height: 1.2;
font-weight: 100 !important;
}

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

@ -1,5 +1,5 @@
footer {
@apply w-full mx-auto px-4 md:px-12 pb-32;
@apply w-full mx-auto px-4 md:px-12 pb-6 md:pb-32;
.section-title {
@apply text-lg nunito uppercase font-bold tracking-widest mb-6;

12
resources/css/layout/nav/primary-menu.css
View File

@ -36,12 +36,12 @@
@apply flex
flex-col
lg:flex-row
items-center
lg:items-center
justify-around
lg:justify-between;
ul {
@apply lg:flex
@apply flex flex-col lg:flex-row
gap-x-2
lg:gap-x-4
xl:gap-x-8
@ -192,8 +192,8 @@
font-medium
py-8
text-lg
pb-0;
pb-2
lg:pb-0;
.sub-menu li {
@apply text-sm;
@ -226,8 +226,8 @@
} */
.primary-menu-container {
li.menu-item {
@apply mx-auto
/* !text-left */;
/* @apply mx-auto */
/* !text-left */
}
}
}

8
resources/css/layout/nav/secondary-menu.css
View File

@ -10,7 +10,7 @@
@apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;
ul {
@apply block lg:flex justify-between gap-4;
@apply flex flex-col lg:flex-row justify-between gap-4;
}
a {
@apply font-normal text-lg;
@ -44,12 +44,6 @@
@apply hidden lg:block;
}
/* @media (max-width: 1024px) {
header[nav-open='true'] .secondary-menu-container {
@apply block;
}
} */
@media (max-width: 960px) {
.secondary-menu-container {
@apply w-fit mx-0;