This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
redemption/source/css/pages/_archives.scss
7Wate 91bab4d153
refacotr(css): Refactor css for easy maintenance
1. Refactored CSS for robustness
2. Add dark-mode choose
3. Add sans and serif
2022-01-17 19:51:11 +08:00

52 lines
1.1 KiB
SCSS

// 归档
@import "../base/variables";
.archives {
>ul {
padding: 0.625rem 0.1rem;
>.year {
font-size: 1.5rem;
font-weight: bold;
line-height: 2.2rem;
padding: 0.5rem 0;
// 浅色
color: #262626;
// 深色
@include darkmode{
color: #dbdbdb;
}
}
>li {
display: flex;
justify-content: space-between;
font-size: 0.875rem;
padding-bottom: 0.3rem;
line-height: 1.75rem;
> a {
// 浅色
color:#595959;
&:hover {
color: #59595980;
}
// 深色
@include darkmode{
color: #acacac;
&:hover {
color: #acacac80;
}
}
}
>span{
color:#8c8c8c;
@include darkmode{
color: #7d7d7d;
}
}
}
}
}