increased size and spacing in mobile menu

This commit is contained in:
Chris Cochrun 2022-11-01 13:40:49 -05:00
parent 36ea3bcb7e
commit 9dbd3ff379
2 changed files with 34 additions and 2 deletions

View file

@ -2104,6 +2104,16 @@ select {
padding-bottom: 0.75rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.pt-8 {
padding-top: 2rem;
}
@ -2136,6 +2146,10 @@ select {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.text-center {
text-align: center;
}
@ -2191,6 +2205,11 @@ select {
font-size: 0.6rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.font-extrabold {
font-weight: 800;
}
@ -2231,6 +2250,10 @@ select {
line-height: .75rem;
}
.leading-loose {
line-height: 2;
}
.text-neutral-900 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-900), var(--tw-text-opacity));
@ -2308,6 +2331,10 @@ select {
text-decoration-color: rgba(var(--color-neutral-300), 1);
}
.decoration-secondary-500 {
text-decoration-color: rgba(var(--color-secondary-500), 1);
}
.opacity-0 {
opacity: 0;
}
@ -3559,6 +3586,11 @@ body:has(#menu-controller:checked) {
padding-bottom: 6rem;
}
.sm\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.sm\:pt-10 {
padding-top: 2.5rem;
}