@guardian/threads
Version:
28 lines (23 loc) • 620 B
CSS
:root {
/* Spacing */
--sp-tiny: 2px;
--sp-small: 4px;
--sp-base: 8px;
--sp-large: 16px;
--sp-vertical: calc(var(--sp-base) / 1.33);
--size-vertical-base: calc(1.4rem + calc(var(--sp-vertical) * 2));
--size-header: calc(var(--size-vertical-base) * 1.66);
/* Radii */
--radius-default: 3px;
/* Shadows */
--sh-normal: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
--sh-border: inset 0 0 0 1px var(--color-border);
--sh-card: var(--sh-normal), var(--sh-border);
/* Fonts */
--fs-tiny: 0.75rem;
--fs-small: 0.9rem;
--fs-normal: 1rem;
--fs-large: 1.25rem;
--fs-massive: 1.75rem;
--fs-text-input-mobile: 16px;
}