60 lines
920 B
CSS
60 lines
920 B
CSS
#tag-name {
|
|
display: inline-block;
|
|
}
|
|
|
|
#posts > date {
|
|
display: flex;
|
|
margin-block: 0.5em;
|
|
gap: 1em;
|
|
}
|
|
|
|
#posts > div {
|
|
--fake-mask: linear-gradient(to bottom, var(--main-bg-color), transparent 150%), center / cover no-repeat;
|
|
|
|
margin-inline: -0.5em;
|
|
list-style: none;
|
|
padding: 0.5em;
|
|
border-radius: var(--border-radius);
|
|
background-position: center;
|
|
}
|
|
|
|
#posts > div[style] {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#posts > div > a {
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
#posts > div > a abbr {
|
|
cursor: alias;
|
|
}
|
|
|
|
#posts > div > date {
|
|
float: right;
|
|
margin-left: 0.25em;
|
|
margin-block: 0.25em;
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
#posts > div p {
|
|
margin-block: 0.5em;
|
|
overflow-y: auto;
|
|
scrollbar-color: var(--code-color) transparent;
|
|
}
|
|
|
|
#posts > div[style] p {
|
|
height: 150px;
|
|
}
|
|
|
|
@media (min-width: 1536px) {
|
|
#posts > div[style] p {
|
|
height: 200px;
|
|
}
|
|
}
|
|
|
|
#posts > div abbr {
|
|
text-decoration: none;
|
|
cursor: help;
|
|
}
|