FIX Responsive tweaks
This commit is contained in:
parent
b60292bb20
commit
a8dbb2f917
|
|
@ -19,6 +19,7 @@ body.front-end {
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
@apply text-4xl;
|
@apply text-4xl;
|
||||||
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -74,8 +75,11 @@ h2.chapter-section__title {
|
||||||
font-family: 'Nunito Sans', sans-serif !important;
|
font-family: 'Nunito Sans', sans-serif !important;
|
||||||
}
|
}
|
||||||
.subtitle-big {
|
.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;
|
line-height: 1.3;
|
||||||
text-rendering: geometricPrecision;
|
}
|
||||||
font-weight: 100 !important;
|
/* text-rendering: geometricPrecision; */
|
||||||
|
font-weight: 400 !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__issue-title {
|
&__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;
|
line-height: 1.2;
|
||||||
font-weight: 100 !important;
|
font-weight: 100 !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
footer {
|
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 {
|
.section-title {
|
||||||
@apply text-lg nunito uppercase font-bold tracking-widest mb-6;
|
@apply text-lg nunito uppercase font-bold tracking-widest mb-6;
|
||||||
|
|
|
||||||
|
|
@ -36,12 +36,12 @@
|
||||||
@apply flex
|
@apply flex
|
||||||
flex-col
|
flex-col
|
||||||
lg:flex-row
|
lg:flex-row
|
||||||
items-center
|
lg:items-center
|
||||||
justify-around
|
justify-around
|
||||||
lg:justify-between;
|
lg:justify-between;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@apply lg:flex
|
@apply flex flex-col lg:flex-row
|
||||||
gap-x-2
|
gap-x-2
|
||||||
lg:gap-x-4
|
lg:gap-x-4
|
||||||
xl:gap-x-8
|
xl:gap-x-8
|
||||||
|
|
@ -192,8 +192,8 @@
|
||||||
font-medium
|
font-medium
|
||||||
py-8
|
py-8
|
||||||
text-lg
|
text-lg
|
||||||
|
pb-2
|
||||||
pb-0;
|
lg:pb-0;
|
||||||
|
|
||||||
.sub-menu li {
|
.sub-menu li {
|
||||||
@apply text-sm;
|
@apply text-sm;
|
||||||
|
|
@ -226,8 +226,8 @@
|
||||||
} */
|
} */
|
||||||
.primary-menu-container {
|
.primary-menu-container {
|
||||||
li.menu-item {
|
li.menu-item {
|
||||||
@apply mx-auto
|
/* @apply mx-auto */
|
||||||
/* !text-left */;
|
/* !text-left */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
@apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;
|
@apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@apply block lg:flex justify-between gap-4;
|
@apply flex flex-col lg:flex-row justify-between gap-4;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
@apply font-normal text-lg;
|
@apply font-normal text-lg;
|
||||||
|
|
@ -44,12 +44,6 @@
|
||||||
@apply hidden lg:block;
|
@apply hidden lg:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* @media (max-width: 1024px) {
|
|
||||||
header[nav-open='true'] .secondary-menu-container {
|
|
||||||
@apply block;
|
|
||||||
}
|
|
||||||
} */
|
|
||||||
|
|
||||||
@media (max-width: 960px) {
|
@media (max-width: 960px) {
|
||||||
.secondary-menu-container {
|
.secondary-menu-container {
|
||||||
@apply w-fit mx-0;
|
@apply w-fit mx-0;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user