048e3fcde7
* Add SVG favicon and webapp manifest * Word wrap the urls * Add id and start url in webapp manifest * Shrink feed url size * Remove emoji from page title
62 lines
909 B
CSS
62 lines
909 B
CSS
:root {
|
|
--color-bg: oklch(97.1% 0.024 88.23);
|
|
--color-hover: oklch(94.48% 0.024 88.23);
|
|
--color-text: oklch(24.74% 0.024 88.23);
|
|
--color-new: oklch(94.48% 0.024 38.23);
|
|
}
|
|
|
|
body {
|
|
font-family: system-ui;
|
|
font-size: 18px;
|
|
background: var(--color-bg);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.inline-icon {
|
|
height: 1em;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
summary {
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary,
|
|
details li {
|
|
padding: 0.5em;
|
|
border-radius: 12px;
|
|
margin-block-start: 4px;
|
|
transition: background cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
|
|
}
|
|
|
|
summary:hover,
|
|
details li:hover {
|
|
background: var(--color-hover)
|
|
}
|
|
|
|
details:has(li.has-recent) {
|
|
|
|
summary,
|
|
li.has-recent {
|
|
background: var(--color-new);
|
|
}
|
|
}
|
|
|
|
details,
|
|
.errors li {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.feed-url {
|
|
color: #aaa;
|
|
}
|
|
|
|
.article-timestamp,
|
|
.feed-url {
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
details ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|