This aims to improve the readability of the text on desktop displays. It mainly increases the font size and line height of the text in the main content.
46 lines
752 B
SCSS
46 lines
752 B
SCSS
.post-list {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
letter-spacing: normal;
|
|
> li {
|
|
margin-bottom: 2rem;
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
.post-list-description {
|
|
margin: 0;
|
|
}
|
|
.post-list-title {
|
|
display: inline-block;
|
|
font-family: var(--font--sans-serif-alt);
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
font-size: 1.5rem;
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
.post-list-date {
|
|
display: block;
|
|
}
|
|
.tag-list {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.no-posts {
|
|
text-align: center;
|
|
margin: 4rem 0;
|
|
h2 {
|
|
margin: 0;
|
|
color: var(--color-blue);
|
|
}
|
|
img.icon {
|
|
width: 5rem;
|
|
height: 5rem;
|
|
filter: var(--filter-blue);
|
|
}
|
|
}
|