website/sass/blog/main.scss

77 lines
928 B
SCSS
Raw Normal View History

2022-04-08 12:25:22 +00:00
@import "../components/page";
@import "../components/_link";
$std-trans: 0.3s;
.blog__content {
@include md;
p {
margin: 30px 0;
}
}
.blog__container {
margin: auto;
max-width: 50%;
}
.blog__list {
list-style: none;
}
.blog__post-link,
.blog__post-link:visited {
text-decoration: none;
color: inherit;
}
.blog__title {
margin: 35px 0;
}
.blog__post-link {
display: block;
}
.blog__post-item {
border-bottom: 1px dashed #333;
margin: 10px;
padding: 10px;
}
.blog__post-item:hover {
background-color: lightgray;
}
.blog__post-item:last-child {
border-bottom: none;
}
.blog__post-description {
font-size: 0.9rem;
margin: 5px 0;
}
.blog__post-tag {
font-size: 0.7rem;
font-family: monospace, monospace;
}
.blog__post-tag:hover {
@include a_hover;
}
.blog__post-meta {
font-size: 0.7rem;
}
.blog__post-title {
font-size: 1.4rem;
font-weight: 550;
}
.blog__post-tag-container {
margin: 0;
}