Skip to content

Commit

Permalink
build: update design tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
ModulesUnraveled committed Feb 15, 2022
1 parent 6803e87 commit 1edde87
Show file tree
Hide file tree
Showing 3 changed files with 1,082 additions and 0 deletions.
223 changes: 223 additions & 0 deletions build/css/tokens.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
/**
* Do not edit directly
* Generated on Tue, 15 Feb 2022 03:05:24 GMT
*/

:root {
--radius-20: 1.25rem;
--radius-10: 0.625rem;
--radius-4: 0.25rem;
--radius-0: 0rem;
--drop-shadow-level-4: 0px 0.9975153207778931px 1.9285296201705933px 0px #00000012,0px 3.3504464626312256px 6.477529525756836px 0px #00000012,0px 15px 28px 0px #00000059;
--drop-shadow-level-3: 0px 0.33000001311302185px 1.7290265560150146px 0px #0000001a,0px 2.4700000286102295px 2.809999942779541px 0px #0000001f,0px 16px 23px 0px #00000038;
--drop-shadow-level-2: 0px 0.5985091924667358px 0.7980122566223145px 0px #00000014,0px 2.010267734527588px 2.680356979370117px 0px #0000001c,0px 9px 12px 0px #00000030;
--drop-shadow-level-1: 0px 1px 2px 0px #00000029,0px 4px 4px 0px #00000017,0px 6px 8px 0px #00000021;
--font-size-26: 70;
--font-size-25: 64;
--font-size-24: 55;
--font-size-23: 48;
--font-size-22: 46;
--font-size-21: 43;
--font-size-20: 41;
--font-size-19: 38;
--font-size-18: 37;
--font-size-17: 34;
--font-size-16: 33;
--font-size-15: 31;
--font-size-14: 30;
--font-size-13: 28;
--font-size-12: 27;
--font-size-11: 25;
--font-size-10: 24;
--font-size-9: 23;
--font-size-8: 22;
--font-size-7: 20;
--font-size-6: 19;
--font-size-5: 18;
--font-size-4: 17;
--font-size-3: 16;
--font-size-2: 15;
--font-size-1: 14;
--font-size-0: 13;
--font-families-yalenew: YaleNew, serif;
--font-families-mallory: Mallory, sans-serif;
--font-families-mallory-compact: 'Mallory Compact', sans-serif;
--color-gray-800: hsl(0, 0%, 13%);
--color-gray-700: hsl(0, 0%, 25%);
--color-gray-600: hsl(0, 0%, 37%);
--color-gray-500: hsl(0, 0%, 46%);
--color-gray-400: hsl(0, 0%, 61%);
--color-gray-300: hsl(0, 0%, 73%);
--color-gray-200: hsl(0, 0%, 85%);
--color-gray-100: hsl(0, 0%, 97%);
--color-basics-brown-gray: hsl(28, 7%, 44%);
--color-basics-beige: hsl(35, 74%, 95%);
--color-basics-black: hsl(0, 0%, 0%);
--color-basics-white: hsl(0, 0%, 100%);
--color-blue-light: hsl(213, 100%, 69%);
--color-blue-medium: hsl(213, 66%, 45%);
--color-blue-yale: hsl(210, 100%, 21%);
--size-thickness-hairline: 0.031rem;
--size-thickness-8: 0.5rem;
--size-thickness-6: 0.375rem;
--size-thickness-4: 0.25rem;
--size-thickness-2: 0.125rem;
--size-thickness-1: 0.063rem;
--size-thickness-0: 0rem;
--size-spacing-13: 10rem;
--size-spacing-12: 6rem;
--size-spacing-11: 5rem;
--size-spacing-10: 4rem;
--size-spacing-9: 3rem;
--size-spacing-8: 2.5rem;
--size-spacing-7: 2rem;
--size-spacing-6: 1.5rem;
--size-spacing-5: 1rem;
--size-spacing-4: 0.75rem;
--size-spacing-3: 0.5rem;
--size-spacing-2: 0.25rem;
--size-spacing-1: 0.125rem;
--size-spacing-0: 0rem;
--font-text-transform-h6-mallory-compact-book: uppercase;
--font-text-transform-h6-mallory-compact-medium: uppercase;
--font-text-transform-h6-yale-new: uppercase;
--font-letter-spacing-h6-mallory-compact-book: 0.02em;
--font-letter-spacing-h2-mallory-compact-book: -0.01em;
--font-letter-spacing-h1-mallory-compact-book: -0.01em;
--font-letter-spacing-h6-mallory-compact-medium: 0.02em;
--font-letter-spacing-h2-mallory-compact-medium: -0.01em;
--font-letter-spacing-h1-mallory-compact-medium: -0.01em;
--font-letter-spacing-h6-yale-new: 0.03em;
--font-scale-13-14: clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem);
--font-scale-14-15: clamp(0.875rem, calc(0.12vw + 0.8313rem), 0.9375rem);
--font-scale-14-16: clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem);
--font-scale-15-16: clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem);
--font-scale-15-18: clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem);
--font-scale-16-19: clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem);
--font-scale-17-19: clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem);
--font-scale-17-20: clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem);
--font-scale-19-24: clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem);
--font-scale-22-27: clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem);
--font-scale-22-28: clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem);
--font-scale-23-31: clamp(1.4375rem, calc(0.97vw + 1.088rem), 1.9375rem);
--font-scale-25-34: clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem);
--font-scale-27-37: clamp(1.6875rem, calc(1.21vw + 1.25rem), 2.3125rem);
--font-scale-30-43: clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem);
--font-scale-33-48: clamp(2.0625rem, calc(1.82vw + 1.41rem), 3rem);
--font-scale-38-55: clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem);
--font-scale-41-64: clamp(2.5625rem, calc(2.79vw + 1.56rem), 4rem);
--font-scale-46-70: clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem);
--font-weights-yalenew-500: 500;
--font-weights-yalenew-400: 400;
--font-weights-mallory-500: 500;
--font-weights-mallory-400: 400;
--font-weights-mallory-compact-500: 500;
--font-weights-mallory-compact-400: 400;
--site-header-layout-right-flex-direction: row;
--site-header-layout-center-flex-direction: column;
--site-header-layout-left-flex-direction: column;
--layout-flex-position-right: flex-end;
--layout-flex-position-center: center;
--layout-flex-position-left: flex-start;
--layout-width-100: 100%;
--layout-width-75: 75%;
--layout-width-50: 50%;
--layout-width-25: 25%;
--break-max-width: 2400px;
--break-2xl: 1400px;
--break-xl: 1200px;
--break-l: 992px;
--break-m: 768px;
--break-s: 576px;
--font-style-branding-site: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 YaleNew, serif;
--font-style-branding-yale: 400 clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)/1.05 YaleNew, serif;
--font-style-body-xs: 400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.45 'Mallory Compact', sans-serif;
--font-style-body-s-condensed: 400 clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem)/1.29 'Mallory Compact', sans-serif;
--font-style-body-s: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.60 'Mallory Compact', sans-serif;
--font-style-body-default-condensed: 400 clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem)/1.29 'Mallory Compact', sans-serif;
--font-style-body-default: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.65 'Mallory Compact', sans-serif;
--font-style-body-l: 400 clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)/1.45 'Mallory Compact', sans-serif;
--font-style-body-xl: 400 clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem)/1.4 'Mallory Compact', sans-serif;
--font-style-heading-h6-mallory-compact-book: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif;
--font-style-heading-h5-mallory-compact-book: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif;
--font-style-heading-h4-mallory-compact-book: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif;
--font-style-heading-h3-mallory-compact-book: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif;
--font-style-heading-h2-mallory-compact-book: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif;
--font-style-heading-h1-mallory-compact-book: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif;
--font-style-heading-h6-mallory-compact-medium: 500 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif;
--font-style-heading-h5-mallory-compact-medium: 500 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif;
--font-style-heading-h4-mallory-compact-medium: 500 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif;
--font-style-heading-h3-mallory-compact-medium: 500 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif;
--font-style-heading-h2-mallory-compact-medium: 500 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif;
--font-style-heading-h1-mallory-compact-medium: 500 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif;
--font-style-heading-h6-yale-new: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 YaleNew, serif;
--font-style-heading-h5-yale-new: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.05 YaleNew, serif;
--font-style-heading-h4-yale-new: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.04 YaleNew, serif;
--font-style-heading-h3-yale-new: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.02 YaleNew, serif;
--font-style-heading-h2-yale-new: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 YaleNew, serif;
--font-style-heading-h1-yale-new: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 YaleNew, serif;
--site-header-layout-center-align: var(--layout-flex-position-center);
--site-header-layout-center-justify: var(--layout-flex-position-center);
--site-header-layout-left-align: var(--layout-flex-position-left);
--site-header-layout-left-justify: var(--layout-flex-position-left);
--site-header-themes-blue-yale-divider-color: var(--color-gray-500);
--site-header-themes-blue-yale-border-color: var(--color-blue-light);
--site-header-themes-blue-yale-site-branding: var(--color-basics-white);
--site-header-themes-blue-yale-yale-branding: var(--color-blue-light);
--site-header-themes-blue-yale-background: var(--color-blue-yale);
--site-header-themes-white-divider-color: var(--color-gray-300);
--site-header-themes-white-border-color: var(--color-blue-yale);
--site-header-themes-white-site-branding: var(--color-blue-yale);
--site-header-themes-white-yale-branding: var(--color-blue-yale);
--site-header-themes-white-background: var(--color-basics-white);
--site-header-themes-beige-divider-color: var(--color-gray-300);
--site-header-themes-beige-border-color: var(--color-blue-yale);
--site-header-themes-beige-site-branding: var(--color-blue-yale);
--site-header-themes-beige-yale-branding: var(--color-blue-yale);
--site-header-themes-beige-background: var(--color-basics-beige);
--site-header-themes-gray-100-divider-color: var(--color-gray-300);
--site-header-themes-gray-100-border-color: var(--color-blue-yale);
--site-header-themes-gray-100-site-branding: var(--color-blue-yale);
--site-header-themes-gray-100-yale-branding: var(--color-blue-yale);
--site-header-themes-gray-100-background: var(--color-gray-100);
--site-footer-themes-white-text: var(--color-gray-800);
--site-footer-themes-white-background: var(--color-basics-white);
--site-footer-themes-beige-text: var(--color-gray-800);
--site-footer-themes-beige-background: var(--color-basics-beige);
--site-footer-themes-gray-100-text: var(--color-gray-800);
--site-footer-themes-gray-100-background: var(--color-gray-100);
--site-footer-themes-gray-700-text: var(--color-basics-white);
--site-footer-themes-gray-700-background: var(--color-gray-700);
--site-footer-themes-gray-800-text: var(--color-basics-white);
--site-footer-themes-gray-800-background: var(--color-gray-800);
--site-footer-themes-blue-yale-text: var(--color-basics-white);
--site-footer-themes-blue-yale-background: var(--color-blue-yale);
--border-thickness-hairline: var(--size-thickness-hairline);
--border-thickness-8: var(--size-thickness-8);
--border-thickness-6: var(--size-thickness-6);
--border-thickness-4: var(--size-thickness-4);
--border-thickness-2: var(--size-thickness-2);
--border-thickness-1: var(--size-thickness-1);
--border-thickness-0: var(--size-thickness-0);
--component-themes-blue-yale-heading: var(--color-basics-white);
--component-themes-blue-yale-text: var(--color-basics-white);
--component-themes-blue-yale-background: var(--color-blue-yale);
--component-themes-white-heading: var(--color-gray-800);
--component-themes-white-text: var(--color-gray-700);
--component-themes-white-background: var(--color-basics-white);
--component-themes-beige-heading: var(--color-gray-800);
--component-themes-beige-text: var(--color-gray-700);
--component-themes-beige-background: var(--color-basics-beige);
--component-themes-gray-100-heading: var(--color-gray-800);
--component-themes-gray-100-text: var(--color-gray-700);
--component-themes-gray-100-background: var(--color-gray-100);
--component-themes-gray-200-heading: var(--color-gray-800);
--component-themes-gray-200-text: var(--color-gray-700);
--component-themes-gray-200-background: var(--color-gray-200);
--component-themes-gray-700-heading: var(--color-basics-white);
--component-themes-gray-700-text: var(--color-basics-white);
--component-themes-gray-700-background: var(--color-gray-700);
--component-themes-gray-800-heading: var(--color-basics-white);
--component-themes-gray-800-text: var(--color-basics-white);
--component-themes-gray-800-background: var(--color-gray-800);
}
Loading

0 comments on commit 1edde87

Please sign in to comment.