56 lines
1.7 KiB
CSS
56 lines
1.7 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);
|
|
--padding-keyword: var(--padding-half);
|
|
|
|
--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;
|
|
|
|
--weather-gap: var(--gap-half);
|
|
--weather-gap-large: var(--gap);
|
|
--weather-icon-size: 92px;
|
|
--weather-metric-min-width: 160px;
|
|
--weather-metric-padding: var(--padding-half);
|
|
--weather-badge-padding: 0.35rem 0.6rem;
|
|
--weather-sources-margin: var(--gap-half);
|
|
|
|
--width-oeuvre-cover: 140px;
|
|
--gap-oeuvre-panel: var(--gap-half);
|
|
}
|