92 lines
1.9 KiB
CSS
92 lines
1.9 KiB
CSS
/* pico.css: Improved text contrast (see also picocss/pico#276) */
|
|
:root {
|
|
--code-color: var(--color) !important;
|
|
}
|
|
|
|
:root[data-theme="light"] {
|
|
--muted-color: hsl(205deg, 15%, 41%) !important;
|
|
}
|
|
|
|
:root[data-theme="dark"] {
|
|
--muted-color: hsl(205deg, 12%, 59%) !important;
|
|
}
|
|
|
|
/* pico.css: Bold labels, except for checkbox/radio labels */
|
|
:root {
|
|
--form-label-font-weight: bold;
|
|
}
|
|
|
|
input:where([type="checkbox"], [type="radio"]) + label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* pico.css: Halve header margins */
|
|
h1 {
|
|
--typography-spacing-vertical: 1.5rem;
|
|
}
|
|
|
|
h2 {
|
|
--typography-spacing-vertical: 1.3125rem;
|
|
}
|
|
|
|
h3 {
|
|
--typography-spacing-vertical: 1.125rem;
|
|
}
|
|
|
|
h4 {
|
|
--typography-spacing-vertical: 0.937rem;
|
|
}
|
|
|
|
h5 {
|
|
--typography-spacing-vertical: 0.84375rem;
|
|
}
|
|
|
|
h6 {
|
|
--typography-spacing-vertical: 0.75rem;
|
|
}
|
|
|
|
/* pico.css: Reduce `article` margins */
|
|
article {
|
|
margin: calc(var(--block-spacing-vertical) / 2) 0;
|
|
|
|
padding-top: calc(var(--block-spacing-vertical) / 2);
|
|
padding-bottom: calc(var(--block-spacing-vertical) / 2);
|
|
}
|
|
|
|
article > header,
|
|
article > footer {
|
|
padding-top: calc(var(--block-spacing-vertical) / 2);
|
|
padding-bottom: calc(var(--block-spacing-vertical) / 2);
|
|
}
|
|
|
|
article > header {
|
|
margin-top: calc(var(--block-spacing-vertical) / -2);
|
|
margin-bottom: calc(var(--block-spacing-vertical) / 2);
|
|
}
|
|
|
|
article > footer {
|
|
margin-top: calc(var(--block-spacing-vertical) / 2);
|
|
margin-bottom: calc(var(--block-spacing-vertical) / -2);
|
|
}
|
|
|
|
article > footer > form > article {
|
|
margin-top: 0;
|
|
}
|
|
|
|
article > header > hgroup,
|
|
article > header > h1,
|
|
article > header > h2,
|
|
article > header > h3,
|
|
article > header > h4,
|
|
article > header > h5,
|
|
article > header > h6,
|
|
article > footer > hgroup,
|
|
article > footer > h1,
|
|
article > footer > h2,
|
|
article > footer > h3,
|
|
article > footer > h4,
|
|
article > footer > h5,
|
|
article > footer > h6 {
|
|
margin-bottom: 0;
|
|
}
|