@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); .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; } } } } }