n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix fluid scaling

Browse Source
This commit is contained in:
Nathan Upchurch 2024-07-28 23:34:11 -05:00
parent 2913703074
commit 7f80d0615c
1 changed files with 33 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
public/css/index.css
View File

@ -58,45 +58,45 @@
--text-color-tag: var(--contrast-color);
/* Font Size Scaling Tokens - https://utopia.fyi/ */
--step--2: clamp(0.7813rem, 0.7747rem + 0.0326vi, 0.8rem);
--step--1: clamp(0.9375rem, 0.9158rem + 0.1087vi, 1rem);
--step-0: clamp(1.125rem, 1.0815rem + 0.2174vi, 1.25rem);
--step-1: clamp(1.35rem, 1.2761rem + 0.3696vi, 1.5625rem);
--step-2: clamp(1.62rem, 1.5041rem + 0.5793vi, 1.9531rem);
--step-3: clamp(1.944rem, 1.771rem + 0.8651vi, 2.4414rem);
--step-4: clamp(2.3328rem, 2.0827rem + 1.2504vi, 3.0518rem);
--step-5: clamp(2.7994rem, 2.4462rem + 1.7658vi, 3.8147rem);
--step-6: clamp(3.3592rem, 2.8691rem + 2.4507vi, 4.7684rem);
--step-7: clamp(4.0311rem, 3.36rem + 3.3555vi, 5.9605rem);
--step-8: clamp(4.8373rem, 3.9283rem + 4.5448vi, 7.4506rem);
--step--2: clamp(0.8681rem, 0.8163rem + 0.259vw, 0.96rem);
--step--1: clamp(1.0417rem, 0.9525rem + 0.446vw, 1.2rem);
--step-0: clamp(1.25rem, 1.1092rem + 0.7042vw, 1.5rem);
--step-1: clamp(1.5rem, 1.2887rem + 1.0563vw, 1.875rem);
--step-2: clamp(1.8rem, 1.4937rem + 1.5317vw, 2.3438rem);
--step-3: clamp(2.16rem, 1.7264rem + 2.1681vw, 2.9297rem);
--step-4: clamp(2.592rem, 1.9891rem + 3.0144vw, 3.6621rem);
--step-5: clamp(3.1104rem, 2.2838rem + 4.1331vw, 4.5776rem);
--step-6: clamp(3.7325rem, 2.6116rem + 5.6044vw, 5.722rem);
--step-7: clamp(4.479rem, 2.9727rem + 7.5312vw, 7.1526rem);
--step-8: clamp(5.3748rem, 3.3658rem + 10.0449vw, 8.9407rem);
/* Space Scaling Tokens - https://utopia.fyi/ */
--space-3xs: clamp(0.3125rem, 0.3125rem + 0vi, 0.3125rem);
--space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vi, 0.625rem);
--space-xs: clamp(0.875rem, 0.8533rem + 0.1087vi, 0.9375rem);
--space-s: clamp(1.125rem, 1.0815rem + 0.2174vi, 1.25rem);
--space-m: clamp(1.6875rem, 1.6223rem + 0.3261vi, 1.875rem);
--space-l: clamp(2.25rem, 2.163rem + 0.4348vi, 2.5rem);
--space-xl: clamp(3.375rem, 3.2446rem + 0.6522vi, 3.75rem);
--space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vi, 5rem);
--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vi, 7.5rem);
--space-3xs: clamp(0.3125rem, 0.2773rem + 0.1761vw, 0.375rem);
--space-2xs: clamp(0.625rem, 0.5546rem + 0.3521vw, 0.75rem);
--space-xs: clamp(0.9375rem, 0.8319rem + 0.5282vw, 1.125rem);
--space-s: clamp(1.25rem, 1.1092rem + 0.7042vw, 1.5rem);
--space-m: clamp(1.875rem, 1.6637rem + 1.0563vw, 2.25rem);
--space-l: clamp(2.5rem, 2.2183rem + 1.4085vw, 3rem);
--space-xl: clamp(3.75rem, 3.3275rem + 2.1127vw, 4.5rem);
--space-2xl: clamp(5rem, 4.4366rem + 2.8169vw, 6rem);
--space-3xl: clamp(7.5rem, 6.6549rem + 4.2254vw, 9rem);
/* One-up pairs - https://utopia.fyi/ */
--space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vi, 0.625rem);
--space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vi, 0.9375rem);
--space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vi, 1.25rem);
--space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vi, 1.875rem);
--space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vi, 2.5rem);
--space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vi, 3.75rem);
--space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vi, 5rem);
--space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vi, 7.5rem);
--space-3xs-2xs: clamp(0.3125rem, 0.066rem + 1.2324vw, 0.75rem);
--space-2xs-xs: clamp(0.625rem, 0.3433rem + 1.4085vw, 1.125rem);
--space-xs-s: clamp(0.9375rem, 0.6206rem + 1.5845vw, 1.5rem);
--space-s-m: clamp(1.25rem, 0.6866rem + 2.8169vw, 2.25rem);
--space-m-l: clamp(1.875rem, 1.2412rem + 3.169vw, 3rem);
--space-l-xl: clamp(2.5rem, 1.3732rem + 5.6338vw, 4.5rem);
--space-xl-2xl: clamp(3.75rem, 2.4824rem + 6.338vw, 6rem);
--space-2xl-3xl: clamp(5rem, 2.7465rem + 11.2676vw, 9rem);
/* Custom pairs - https://utopia.fyi/ */
--space-s-l: clamp(1.125rem, 0.6467rem + 2.3913vi, 2.5rem);
--space-s-l: clamp(1.25rem, 0.2641rem + 4.9296vw, 3rem);
/* Fluid Grid Tokens - https://utopia.fyi/ */
--grid-max-width: 43.75rem;
--grid-gutter: var(--space-s-l, clamp(1.125rem, -0.0329rem + 5.7895vw, 2.5rem));
--grid-max-width: 55.50rem;
--grid-gutter: var(--space-s-s, clamp(1.25rem, 1.1092rem + 0.7042vw, 1.5rem));
--grid-columns: 12;
/* Change <img> SVG color with filter */
@ -330,9 +330,8 @@ html.barebones, body.barebones {
}
figcaption {
font-size: var(--meta-font-size);
font-style: var(--meta-font-style);
font-variation-settings: var(--meta-font-variation-settings);
font-size: var(--step--1);
font-style: italic;
padding-top: var(--space-s);
text-align: center;
}