44 lines
1.3 KiB
CSS
44 lines
1.3 KiB
CSS
:root {
|
|
--padding: 1rem;
|
|
--padding-half: 0.5rem;
|
|
--padding-double: 2rem;
|
|
--padding-body: var(--padding);
|
|
--padding-panel: var(--padding);
|
|
--padding-card-content: var(--padding);
|
|
--padding-hero-panel: var(--padding-panel);
|
|
--footer-padding: var(--padding);
|
|
--list-padding: var(--padding-double);
|
|
|
|
--gap: 1.5rem;
|
|
--gap-half: 0.75rem;
|
|
--gap-third: 0.5rem;
|
|
--gap-body: var(--gap);
|
|
--gap-card-content: var(--gap-half);
|
|
--gap-hero: var(--gap-body);
|
|
--gap-big-logo: var(--gap-hero);
|
|
--gap-site-stats-list: var(--gap-hero);
|
|
--gap-main: var(--gap-body);
|
|
--gap-articles-list: var(--gap-main);
|
|
--gap-footer: var(--gap-main);
|
|
--gap-footer-nav: var(--gap-half);
|
|
--gap-hero-page: var(--gap-hero);
|
|
--gap-site-title: var(--gap-half);
|
|
--gap-page-meta: var(--gap-half);
|
|
--gap-page-links: var(--gap);
|
|
--gap-list: var(--gap-third);
|
|
|
|
--margin: 2rem;
|
|
--margin-half: 1rem;
|
|
--margin-big-logo: auto;
|
|
--margin-site-stats: auto;
|
|
--margin-site-stats-list: var(--margin) auto;
|
|
--margin-home-section: var(--margin) 0 0 0;
|
|
--margin-home-section-header: 0 0 var(--margin-half) 0;
|
|
|
|
--width-content-min: 300px;
|
|
--width-content-max: 48rem;
|
|
|
|
--grid-columns: 4;
|
|
--width-card-min: 300px;
|
|
}
|