Skip to content

Instantly share code, notes, and snippets.

@5310

5310/style.css

Last active February 13, 2026 17:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save 5310/7b6f0788ba423b4a51ed69b6ed93c6ba to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save 5310/7b6f0788ba423b4a51ed69b6ed93c6ba to your computer and use it in GitHub Desktop.
Download ZIP
Personal CSS boilerplate #snippet
Raw
style.css
/* personal css boilerplate */
/* mirror:
* https://gist.github.com/5310/7b6f0788ba423b4a51ed69b6ed93c6ba
*/
/* references:
* https://utopia.fyi
* https://fokus.dev/tools/css-boilerplate/
* https://adactio.com/journal/21896
* https://vale.rocks/posts/css-reset
*/
@layer core, third-party, components, utility;
@layer core.reset, core.tokens, core.base;
@layer core {
@layer reset {
*,
*::before,
*::after {
box-sizing: border-box;
background-repeat: no-repeat;
}
* {
padding: 0;
margin: 0;
}
html {
-webkit-text-size-adjust: none;
text-size-adjust: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
block-size: 100%;
}
body {
min-block-size: 100%;
}
img,
iframe,
audio,
video,
canvas {
display: block;
max-inline-size: 100%;
block-size: auto;
}
svg {
max-inline-size: max-content;
}
svg:not([fill]) {
fill: currentColor;
}
input,
button,
textarea,
select {
font: inherit;
}
textarea {
resize: vertical;
}
fieldset,
iframe {
border: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
p {
text-wrap: pretty;
font-variant-numeric: proportional-nums;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-variant-numeric: lining-nums;
text-wrap: balance;
text-wrap: pretty;
}
p,
blockquote,
q,
figcaption,
li {
margin-block: 1lh;
hanging-punctuation: first allow-end last;
text-wrap: pretty;
}
input,
label,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
}
math,
time,
table {
font-variant-numeric: tabular-nums lining-nums slashed-zero;
}
code {
font-variant-numeric: slashed-zero;
}
table {
border-collapse: collapse;
}
abbr {
font-variant-caps: all-small-caps;
text-decoration: none;
&[title] {
cursor: help;
text-decoration: underline dotted;
}
}
sup,
sub {
line-height: 0;
}
:disabled {
opacity: 0.8;
cursor: not-allowed;
}
:focus-visible {
outline-offset: 0.2rem;
outline-color: currentColor;
}
}
@layer tokens {
@layer utopia {
@layer typography {
@layer viewport {
/* @link https://utopia.fyi/type/calculator?c=320,18,1.125,1240,20,1.414,9,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
--vt--4: clamp(0.3127rem, 0.8379rem + -0.6776vw, 0.7023rem);
--vt--3: clamp(0.4421rem, 0.9112rem + -0.6052vw, 0.7901rem);
--vt--2: clamp(0.6252rem, 0.9806rem + -0.4586vw, 0.8889rem);
--vt--1: clamp(0.884rem, 1.0403rem + -0.2017vw, 1rem);
--vt-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
--vt-1: clamp(1.2656rem, 1.0911rem + 0.8728vw, 1.7675rem);
--vt-2: clamp(1.4238rem, 1.0498rem + 1.8703vw, 2.4992rem);
--vt-3: clamp(1.6018rem, 0.9298rem + 3.3602vw, 3.5339rem);
--vt-4: clamp(1.802rem, 0.6907rem + 5.5564vw, 4.997rem);
--vt-5: clamp(2.0273rem, 0.2748rem + 8.7625vw, 7.0657rem);
--vt-6: clamp(2.2807rem, -0.4011rem + 13.4091vw, 9.9909rem);
--vt-7: clamp(2.5658rem, -1.4556rem + 20.1068vw, 14.1272rem);
--vt-8: clamp(2.8865rem, -3.0576rem + 29.7206vw, 19.9759rem);
--vt-9: clamp(3.2473rem, -5.4478rem + 43.4757vw, 28.2459rem);
}
}
@layer container {
/* @link https://utopia.fyi/type/calculator?c=320,18,1.125,1240,20,1.414,9,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
--ct--4: clamp(0.3127rem, 0.8379rem + -0.6776cqi, 0.7023rem);
--ct--3: clamp(0.4421rem, 0.9112rem + -0.6052cqi, 0.7901rem);
--ct--2: clamp(0.6252rem, 0.9806rem + -0.4586cqi, 0.8889rem);
--ct--1: clamp(0.884rem, 1.0403rem + -0.2017cqi, 1rem);
--ct-0: clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);
--ct-1: clamp(1.2656rem, 1.0911rem + 0.8728cqi, 1.7675rem);
--ct-2: clamp(1.4238rem, 1.0498rem + 1.8703cqi, 2.4992rem);
--ct-3: clamp(1.6018rem, 0.9298rem + 3.3602cqi, 3.5339rem);
--ct-4: clamp(1.802rem, 0.6907rem + 5.5564cqi, 4.997rem);
--ct-5: clamp(2.0273rem, 0.2748rem + 8.7625cqi, 7.0657rem);
--ct-6: clamp(2.2807rem, -0.4011rem + 13.4091cqi, 9.9909rem);
--ct-7: clamp(2.5658rem, -1.4556rem + 20.1068cqi, 14.1272rem);
--ct-8: clamp(2.8865rem, -3.0576rem + 29.7206cqi, 19.9759rem);
--ct-9: clamp(3.2473rem, -5.4478rem + 43.4757cqi, 28.2459rem);
}
}
}
@layer spacing {
@layer viewport {
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|5|6|7|8|9|10|11,&g=s,l,xl,12 */
:root {
--vs-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
--vs-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
--vs-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
--vs-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
--vs-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
--vs-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
--vs-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
--vs-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
--vs-3xl: clamp(5.625rem, 5.4076rem + 1.087vw, 6.25rem);
--vs-4xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);
--vs-5xl: clamp(7.875rem, 7.5707rem + 1.5217vw, 8.75rem);
--vs-6xl: clamp(9rem, 8.6522rem + 1.7391vw, 10rem);
--vs-7xl: clamp(10.125rem, 9.7337rem + 1.9565vw, 11.25rem);
--vs-8xl: clamp(11.25rem, 10.8152rem + 2.1739vw, 12.5rem);
--vs-9xl: clamp(12.375rem, 11.8967rem + 2.3913vw, 13.75rem);
/* One-up pairs */
--vs-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
--vs-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
--vs-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
--vs-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
--vs-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
--vs-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
--vs-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
--vs-2xl-3xl: clamp(4.5rem, 3.8913rem + 3.0435vw, 6.25rem);
--vs-3xl-4xl: clamp(5.625rem, 4.9728rem + 3.2609vw, 7.5rem);
--vs-4xl-5xl: clamp(6.75rem, 6.0543rem + 3.4783vw, 8.75rem);
--vs-5xl-6xl: clamp(7.875rem, 7.1359rem + 3.6957vw, 10rem);
--vs-6xl-7xl: clamp(9rem, 8.2174rem + 3.913vw, 11.25rem);
--vs-7xl-8xl: clamp(10.125rem, 9.2989rem + 4.1304vw, 12.5rem);
--vs-8xl-9xl: clamp(11.25rem, 10.3804rem + 4.3478vw, 13.75rem);
}
}
@layer container {
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|5|6|7|8|9|10|11,&g=s,l,xl,12 */
:root {
--cs-3xs: clamp(0.3125rem, 0.3125rem + 0cqi, 0.3125rem);
--cs-2xs: clamp(0.5625rem, 0.5408rem + 0.1087cqi, 0.625rem);
--cs-xs: clamp(0.875rem, 0.8533rem + 0.1087cqi, 0.9375rem);
--cs-s: clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);
--cs-m: clamp(1.6875rem, 1.6223rem + 0.3261cqi, 1.875rem);
--cs-l: clamp(2.25rem, 2.163rem + 0.4348cqi, 2.5rem);
--cs-xl: clamp(3.375rem, 3.2446rem + 0.6522cqi, 3.75rem);
--cs-2xl: clamp(4.5rem, 4.3261rem + 0.8696cqi, 5rem);
--cs-3xl: clamp(5.625rem, 5.4076rem + 1.087cqi, 6.25rem);
--cs-4xl: clamp(6.75rem, 6.4891rem + 1.3043cqi, 7.5rem);
--cs-5xl: clamp(7.875rem, 7.5707rem + 1.5217cqi, 8.75rem);
--cs-6xl: clamp(9rem, 8.6522rem + 1.7391cqi, 10rem);
--cs-7xl: clamp(10.125rem, 9.7337rem + 1.9565cqi, 11.25rem);
--cs-8xl: clamp(11.25rem, 10.8152rem + 2.1739cqi, 12.5rem);
--cs-9xl: clamp(12.375rem, 11.8967rem + 2.3913cqi, 13.75rem);
/* One-up pairs */
--cs-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435cqi, 0.625rem);
--cs-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522cqi, 0.9375rem);
--cs-xs-s: clamp(0.875rem, 0.7446rem + 0.6522cqi, 1.25rem);
--cs-s-m: clamp(1.125rem, 0.8641rem + 1.3043cqi, 1.875rem);
--cs-m-l: clamp(1.6875rem, 1.4049rem + 1.413cqi, 2.5rem);
--cs-l-xl: clamp(2.25rem, 1.7283rem + 2.6087cqi, 3.75rem);
--cs-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261cqi, 5rem);
--cs-2xl-3xl: clamp(4.5rem, 3.8913rem + 3.0435cqi, 6.25rem);
--cs-3xl-4xl: clamp(5.625rem, 4.9728rem + 3.2609cqi, 7.5rem);
--cs-4xl-5xl: clamp(6.75rem, 6.0543rem + 3.4783cqi, 8.75rem);
--cs-5xl-6xl: clamp(7.875rem, 7.1359rem + 3.6957cqi, 10rem);
--cs-6xl-7xl: clamp(9rem, 8.2174rem + 3.913cqi, 11.25rem);
--cs-7xl-8xl: clamp(10.125rem, 9.2989rem + 4.1304cqi, 12.5rem);
--cs-8xl-9xl: clamp(11.25rem, 10.3804rem + 4.3478cqi, 13.75rem);
}
}
}
}
}
}
/* personal css boilerplate */
/* mirror:
* https://gist.github.com/5310/7b6f0788ba423b4a51ed69b6ed93c6ba
*/
/* references:
* https://utopia.fyi
* https://fokus.dev/tools/css-boilerplate/
* https://adactio.com/journal/21896
* https://vale.rocks/posts/css-reset
*/
@layer core, third-party, components, utility;
@layer core.reset, core.tokens, core.base;
@layer core {
@layer reset {
*,
*::before,
*::after {
box-sizing: border-box;
background-repeat: no-repeat;
}
* {
padding: 0;
margin: 0;
}
html {
-webkit-text-size-adjust: none;
text-size-adjust: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
block-size: 100%;
}
body {
min-block-size: 100%;
}
img,
iframe,
audio,
video,
canvas {
display: block;
max-inline-size: 100%;
block-size: auto;
}
svg {
max-inline-size: max-content;
}
svg:not([fill]) {
fill: currentColor;
}
input,
button,
textarea,
select {
font: inherit;
}
textarea {
resize: vertical;
}
fieldset,
iframe {
border: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
p {
text-wrap: pretty;
font-variant-numeric: proportional-nums;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-variant-numeric: lining-nums;
text-wrap: balance;
text-wrap: pretty;
}
p,
blockquote,
q,
figcaption,
li {
margin-block: 1lh;
hanging-punctuation: first allow-end last;
text-wrap: pretty;
}
input,
label,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
}
math,
time,
table {
font-variant-numeric: tabular-nums lining-nums slashed-zero;
}
code {
font-variant-numeric: slashed-zero;
}
table {
border-collapse: collapse;
}
abbr {
font-variant-caps: all-small-caps;
text-decoration: none;
&[title] {
cursor: help;
text-decoration: underline dotted;
}
}
sup,
sub {
line-height: 0;
}
:disabled {
opacity: 0.8;
cursor: not-allowed;
}
:focus-visible {
outline-offset: 0.2rem;
outline-color: currentColor;
}
}
@layer tokens {
@layer utopia {
@layer typography {
@layer viewport {
/* @link https://utopia.fyi/type/calculator?c=320,18,1.125,1240,20,1.414,9,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
--vt--4: clamp(0.3127rem, 0.8379rem + -0.6776vw, 0.7023rem);
--vt--3: clamp(0.4421rem, 0.9112rem + -0.6052vw, 0.7901rem);
--vt--2: clamp(0.6252rem, 0.9806rem + -0.4586vw, 0.8889rem);
--vt--1: clamp(0.884rem, 1.0403rem + -0.2017vw, 1rem);
--vt-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
--vt-1: clamp(1.2656rem, 1.0911rem + 0.8728vw, 1.7675rem);
--vt-2: clamp(1.4238rem, 1.0498rem + 1.8703vw, 2.4992rem);
--vt-3: clamp(1.6018rem, 0.9298rem + 3.3602vw, 3.5339rem);
--vt-4: clamp(1.802rem, 0.6907rem + 5.5564vw, 4.997rem);
--vt-5: clamp(2.0273rem, 0.2748rem + 8.7625vw, 7.0657rem);
--vt-6: clamp(2.2807rem, -0.4011rem + 13.4091vw, 9.9909rem);
--vt-7: clamp(2.5658rem, -1.4556rem + 20.1068vw, 14.1272rem);
--vt-8: clamp(2.8865rem, -3.0576rem + 29.7206vw, 19.9759rem);
--vt-9: clamp(3.2473rem, -5.4478rem + 43.4757vw, 28.2459rem);
}
}
@layer container {
/* @link https://utopia.fyi/type/calculator?c=320,18,1.125,1240,20,1.414,9,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
--ct--4: clamp(0.3127rem, 0.8379rem + -0.6776cqi, 0.7023rem);
--ct--3: clamp(0.4421rem, 0.9112rem + -0.6052cqi, 0.7901rem);
--ct--2: clamp(0.6252rem, 0.9806rem + -0.4586cqi, 0.8889rem);
--ct--1: clamp(0.884rem, 1.0403rem + -0.2017cqi, 1rem);
--ct-0: clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);
--ct-1: clamp(1.2656rem, 1.0911rem + 0.8728cqi, 1.7675rem);
--ct-2: clamp(1.4238rem, 1.0498rem + 1.8703cqi, 2.4992rem);
--ct-3: clamp(1.6018rem, 0.9298rem + 3.3602cqi, 3.5339rem);
--ct-4: clamp(1.802rem, 0.6907rem + 5.5564cqi, 4.997rem);
--ct-5: clamp(2.0273rem, 0.2748rem + 8.7625cqi, 7.0657rem);
--ct-6: clamp(2.2807rem, -0.4011rem + 13.4091cqi, 9.9909rem);
--ct-7: clamp(2.5658rem, -1.4556rem + 20.1068cqi, 14.1272rem);
--ct-8: clamp(2.8865rem, -3.0576rem + 29.7206cqi, 19.9759rem);
--ct-9: clamp(3.2473rem, -5.4478rem + 43.4757cqi, 28.2459rem);
}
}
}
@layer spacing {
@layer viewport {
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|5|6|7|8|9|10|11,&g=s,l,xl,12 */
:root {
--vs-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
--vs-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
--vs-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
--vs-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
--vs-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
--vs-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
--vs-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
--vs-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
--vs-3xl: clamp(5.625rem, 5.4076rem + 1.087vw, 6.25rem);
--vs-4xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);
--vs-5xl: clamp(7.875rem, 7.5707rem + 1.5217vw, 8.75rem);
--vs-6xl: clamp(9rem, 8.6522rem + 1.7391vw, 10rem);
--vs-7xl: clamp(10.125rem, 9.7337rem + 1.9565vw, 11.25rem);
--vs-8xl: clamp(11.25rem, 10.8152rem + 2.1739vw, 12.5rem);
--vs-9xl: clamp(12.375rem, 11.8967rem + 2.3913vw, 13.75rem);
/* One-up pairs */
--vs-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
--vs-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
--vs-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
--vs-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
--vs-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
--vs-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
--vs-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
--vs-2xl-3xl: clamp(4.5rem, 3.8913rem + 3.0435vw, 6.25rem);
--vs-3xl-4xl: clamp(5.625rem, 4.9728rem + 3.2609vw, 7.5rem);
--vs-4xl-5xl: clamp(6.75rem, 6.0543rem + 3.4783vw, 8.75rem);
--vs-5xl-6xl: clamp(7.875rem, 7.1359rem + 3.6957vw, 10rem);
--vs-6xl-7xl: clamp(9rem, 8.2174rem + 3.913vw, 11.25rem);
--vs-7xl-8xl: clamp(10.125rem, 9.2989rem + 4.1304vw, 12.5rem);
--vs-8xl-9xl: clamp(11.25rem, 10.3804rem + 4.3478vw, 13.75rem);
}
}
@layer container {
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|5|6|7|8|9|10|11,&g=s,l,xl,12 */
:root {
--cs-3xs: clamp(0.3125rem, 0.3125rem + 0cqi, 0.3125rem);
--cs-2xs: clamp(0.5625rem, 0.5408rem + 0.1087cqi, 0.625rem);
--cs-xs: clamp(0.875rem, 0.8533rem + 0.1087cqi, 0.9375rem);
--cs-s: clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);
--cs-m: clamp(1.6875rem, 1.6223rem + 0.3261cqi, 1.875rem);
--cs-l: clamp(2.25rem, 2.163rem + 0.4348cqi, 2.5rem);
--cs-xl: clamp(3.375rem, 3.2446rem + 0.6522cqi, 3.75rem);
--cs-2xl: clamp(4.5rem, 4.3261rem + 0.8696cqi, 5rem);
--cs-3xl: clamp(5.625rem, 5.4076rem + 1.087cqi, 6.25rem);
--cs-4xl: clamp(6.75rem, 6.4891rem + 1.3043cqi, 7.5rem);
--cs-5xl: clamp(7.875rem, 7.5707rem + 1.5217cqi, 8.75rem);
--cs-6xl: clamp(9rem, 8.6522rem + 1.7391cqi, 10rem);
--cs-7xl: clamp(10.125rem, 9.7337rem + 1.9565cqi, 11.25rem);
--cs-8xl: clamp(11.25rem, 10.8152rem + 2.1739cqi, 12.5rem);
--cs-9xl: clamp(12.375rem, 11.8967rem + 2.3913cqi, 13.75rem);
/* One-up pairs */
--cs-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435cqi, 0.625rem);
--cs-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522cqi, 0.9375rem);
--cs-xs-s: clamp(0.875rem, 0.7446rem + 0.6522cqi, 1.25rem);
--cs-s-m: clamp(1.125rem, 0.8641rem + 1.3043cqi, 1.875rem);
--cs-m-l: clamp(1.6875rem, 1.4049rem + 1.413cqi, 2.5rem);
--cs-l-xl: clamp(2.25rem, 1.7283rem + 2.6087cqi, 3.75rem);
--cs-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261cqi, 5rem);
--cs-2xl-3xl: clamp(4.5rem, 3.8913rem + 3.0435cqi, 6.25rem);
--cs-3xl-4xl: clamp(5.625rem, 4.9728rem + 3.2609cqi, 7.5rem);
--cs-4xl-5xl: clamp(6.75rem, 6.0543rem + 3.4783cqi, 8.75rem);
--cs-5xl-6xl: clamp(7.875rem, 7.1359rem + 3.6957cqi, 10rem);
--cs-6xl-7xl: clamp(9rem, 8.2174rem + 3.913cqi, 11.25rem);
--cs-7xl-8xl: clamp(10.125rem, 9.2989rem + 4.1304cqi, 12.5rem);
--cs-8xl-9xl: clamp(11.25rem, 10.3804rem + 4.3478cqi, 13.75rem);
}
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment