mirror of
https://github.com/prdlk/glance.git
synced 2026-08-02 17:31:40 +00:00
feat(assets): add logo and newspaper skin CSS file
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
/* 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; }
|
||||
Reference in New Issue
Block a user