phanpy/src/pages/status.css
Lim Chee Aun ec67811823 Smart status heading + tap to scroll to hero status
I'll probably need to componentize relative-time, it's getting not DRY
2022-12-24 22:26:43 +08:00

30 lines
489 B
CSS

.status-deck header h1 {
grid-column: 1 / 3;
}
.status-deck header {
display: flex;
align-items: center;
white-space: nowrap;
}
.status-deck header h1 {
min-width: 0;
flex-grow: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.status-deck header.inview h1 {
font-weight: bold;
}
.hero-heading {
font-size: 16px;
pointer-events: none;
display: inline-block;
margin-bottom: 0.25em;
}
.hero-heading .insignificant {
font-weight: normal;
}