mirror of https://github.com/kremalicious/ipfs.git
59 lines
1.5 KiB
CSS
59 lines
1.5 KiB
CSS
:root {
|
|
--brand-main: #015565;
|
|
--brand-cyan: #43a699;
|
|
--brand-main-light: #88bec8;
|
|
--brand-light: #e7eef4;
|
|
|
|
--brand-grey: #4e5d63;
|
|
--brand-grey-light: #70858e;
|
|
/* --brand-grey-dimmed: lighten($brand-grey, 50%); */
|
|
|
|
--font-family-base: 'ff-tisa-sans-web-pro', 'Trebuchet MS', 'Helvetica Neue',
|
|
Helvetica, Arial, sans-serif;
|
|
--font-family-headings: 'brandon-grotesque', 'Avenir Next', 'Helvetica Neue',
|
|
Helvetica, Arial, sans-serif;
|
|
--font-family-monospace: 'Fira Code', 'Fira Mono', Menlo, Monaco, Consolas,
|
|
'Courier New', monospace;
|
|
|
|
--font-size-root: 18px;
|
|
--font-size-base: 1rem;
|
|
--font-size-large: 1.15rem;
|
|
--font-size-small: 0.85rem;
|
|
--font-size-mini: 0.7rem;
|
|
|
|
--font-size-h1: 2.5rem;
|
|
--font-size-h2: 2rem;
|
|
--font-size-h3: 1.5rem;
|
|
--font-size-h4: 1.2rem;
|
|
--font-size-h5: 1.1rem;
|
|
|
|
--font-weight-base: 400;
|
|
--font-weight-bold: 700;
|
|
--line-height: 1.6;
|
|
|
|
--font-weight-headings: 500;
|
|
--line-height-headings: 1.1;
|
|
|
|
--spacer: calc(var(--font-size-base) * var(--line-height));
|
|
--border-radius: 0.3rem;
|
|
|
|
--screen-xs: 30em;
|
|
--screen-sm: 40.625em;
|
|
--screen-md: 60em;
|
|
--screen-lg: 87.5em;
|
|
|
|
--easing: cubic-bezier(0.75, 0, 0.08, 1);
|
|
|
|
--body-background-color: var(--brand-light);
|
|
--color-text: var(--brand-grey);
|
|
--color-headings: var(--brand-main);
|
|
--selection-background-color: var(--brand-main);
|
|
}
|
|
|
|
:global(.dark) {
|
|
--body-background-color: #1d2224;
|
|
--color-text: var(--brand-grey-light);
|
|
--color-headings: var(--brand-main-light);
|
|
--selection-background: var(--brand-main-light);
|
|
}
|