2026-06-28 13:50:14 -04:00
|
|
|
/* Newspaper skin for Glance — serif headlines, masthead, column rules.
|
|
|
|
|
ponytail: pure CSS over documented hooks; unmatched selectors no-op safely. */
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--news-serif: "Georgia", "Iowan Old Style", "Times New Roman", Cambria, serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* --- Masthead (rendered by the html widget in news/header.yml) --- */
|
|
|
|
|
.masthead { text-align: center; padding: 0.2rem 0 0.6rem; }
|
|
|
|
|
.masthead-title {
|
|
|
|
|
font-family: var(--news-serif);
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
font-size: clamp(2.2rem, 6vw, 4rem);
|
|
|
|
|
letter-spacing: 0.04em;
|
|
|
|
|
margin: 0.2rem 0;
|
|
|
|
|
color: var(--color-text-highlight, #fff);
|
|
|
|
|
}
|
|
|
|
|
.masthead-sub {
|
|
|
|
|
font-family: var(--news-serif);
|
|
|
|
|
font-size: 0.8rem;
|
|
|
|
|
letter-spacing: 0.35em;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
}
|
|
|
|
|
.masthead-rule { border-top: 2px solid currentColor; opacity: 0.5; margin: 0.3rem 0; }
|
|
|
|
|
|
|
|
|
|
/* --- Headlines & widget titles in serif for the print feel --- */
|
|
|
|
|
.widget-header,
|
|
|
|
|
.widget-type-rss a,
|
|
|
|
|
.widget-type-reddit a,
|
|
|
|
|
.widget-type-group a {
|
|
|
|
|
font-family: var(--news-serif);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Section headers underlined like a newspaper rubric */
|
|
|
|
|
.widget-header { letter-spacing: 0.06em; text-transform: uppercase; }
|
|
|
|
|
|
|
|
|
|
/* --- Column rules between the three newspaper columns (desktop only) --- */
|
|
|
|
|
@media (min-width: 1000px) {
|
|
|
|
|
.page-column-full {
|
|
|
|
|
border-inline: 1px solid rgba(255, 255, 255, 0.08);
|
|
|
|
|
padding-inline: 1.4rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Tighter, denser article lists — closer to print */
|
|
|
|
|
.widget-type-rss .list > * { padding-block: 0.35rem; }
|
2026-06-28 14:26:57 -04:00
|
|
|
|
|
|
|
|
/* Tabs wrap to the next line instead of ever showing a horizontal scrollbar */
|
|
|
|
|
.widget-group-header .widget-header {
|
|
|
|
|
flex-wrap: wrap !important;
|
|
|
|
|
overflow-x: visible !important;
|
|
|
|
|
row-gap: 0.3rem;
|
|
|
|
|
}
|
