52 lines
907 B
Stylus
52 lines
907 B
Stylus
@require "./common/variables.styl";
|
|
@require "./common/magic-theme.styl";
|
|
|
|
$archive-year-font-size = 1.8em;
|
|
$article-title-font-size = 1.12em;
|
|
$article-date-font-size = 0.8em;
|
|
|
|
.archive-container {
|
|
|
|
background: var(--background-color);
|
|
|
|
magic-container(1.01, 30px);
|
|
|
|
.archive-item {
|
|
margin-bottom: 40px;
|
|
|
|
.archive-item-header {
|
|
.archive-year {
|
|
font-size: $archive-year-font-size;
|
|
color: var(--second-text-color);
|
|
font-weight: 600;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.article-list {
|
|
|
|
.article-item {
|
|
margin: 22px 0;
|
|
font-size: $article-title-font-size;
|
|
|
|
a.article-title {
|
|
color: var(--normal-text-color);
|
|
|
|
&:hover {
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
|
|
.article-date {
|
|
font-size: $article-date-font-size;
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|