-
Notifications
You must be signed in to change notification settings - Fork 0
/
tokens.min.css
1 lines (1 loc) · 2.36 KB
/
tokens.min.css
1
:root{--base-unit:0.25rem;--base-half-unit:calc(var(--base-unit) / 2);--font-family-primary:sans-serif;--font-family-secondary:serif;--font-base-unit:var(--base-unit);--font-size-12:calc(var(--font-base-unit) * 3);--font-size-16:calc(var(--font-base-unit) * 4);--font-size-20:calc(var(--font-base-unit) * 5);--font-size-24:calc(var(--font-base-unit) * 6);--font-size-40:calc(var(--font-base-unit) * 10);--font-size-48:calc(var(--font-base-unit) * 12);--font-size-64:calc(var(--font-base-unit) * 16);--line-height-base-unit:1;--line-height-small:calc(var(--line-height-base-unit) * 1.1);--line-height-medium:calc(var(--line-height-base-unit) * 1.3);--line-height-large:calc(var(--line-height-base-unit) * 1.5);--font-weight-lighter:100;--font-weight-light:200;--font-weight-normal:400;--font-weight-bold:700;--font-weight-bolder:900;--space-base-unit:var(--base-unit);--space-8:calc(var(--space-base-unit) * 2);--space-16:calc(var(--space-base-unit) * 4);--space-24:calc(var(--space-base-unit) * 6);--space-32:calc(var(--space-base-unit) * 8);--space-40:calc(var(--space-base-unit) * 10);--space-48:calc(var(--space-base-unit) * 12);--space-64:calc(var(--space-base-unit) * 16);--breakpoint-small:544px;--breakpoint-medium:768px;--breakpoint-large:1012px;--color-primary-lighter:#484848;--color-primary-light:#303030;--color-primary:#222222;--color-primary-dark:#090909;--color-primary-darker:#080808;--color-secondary-ligher:#FEFBF1;--color-secondary-light:#FEFBF0;--color-secondary:#FFFBEF;--color-secondary-dark:#FFEEBC;--color-secondary-darker:#FEE28F;--color-gray-1:#FFFFFF;--color-gray-2:#EEEEEE;--color-gray-3:#D5D5D5;--color-gray-4:#BBBBBB;--color-gray-5:#A1A1A1;--color-gray-6:#888888;--color-gray-7:#6F6F6F;--color-gray-8:#555555;--color-gray-9:#3C3C3C;--color-gray-10:#222222;--border-color-lighter:var(--gray-2);--border-color-light:var(--gray-3);--border-color:var(--gray-5);--border-color-dark:var(--gray-7);--border-color-darker:var(--gray-9);--border-radius-small:calc(var(--base-unit) * 1);--border-radius-medium:calc(var(--base-unit) * 2);--border-radius-large:calc(var(--base-unit) * 3);--transition-base-unit:0.1s;--transition-faster:calc(var(--transition-base-unit) * 1);--transition-fast:calc(var(--transition-base-unit) * 2);--transition-normal:calc(var(--transition-base-unit) * 3);--transition-slow:calc(var(--transition-base-unit) * 4);--transition-slower:calc(var(--transition-base-unit) * 5)}