66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
/* 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-bottom: calc(var(--block-spacing-vertical) / -2);
|
|
margin-top: calc(var(--block-spacing-vertical) / 2);
|
|
}
|
|
|
|
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;
|
|
}
|