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

91 lines
1.6 KiB
SCSS
Raw Normal View History

2022-01-19 17:34:41 +08:00
/*
*
* 归档页面
*
* 按照顺序
* 1.默认
* 2.深色
* 3.媒体查询
* - 320px
*/
@import "../base/variables";
.archives {
>ul {
>.year {
font-size: 1.5rem;
font-weight: bold;
line-height: 2.2rem;
color: #262626;
}
>li {
display: flex;
font-size: 0.875rem;
padding-bottom: 0.3rem;
line-height: 1.75rem;
2022-01-19 17:34:41 +08:00
>a {
color: #595959;
&:hover {
color: #59595980;
}
2022-01-19 17:34:41 +08:00
}
>span {
color: #8c8c8c;
}
}
}
// =========== 深色 ===========
@include darkmode {
>ul {
>.year {
color: #dbdbdb;
}
>li {
>a {
color: #acacac;
2022-01-19 17:34:41 +08:00
&:hover {
color: #acacac80;
}
}
2022-01-19 17:34:41 +08:00
>span {
color: #7d7d7d;
}
}
}
}
2022-01-19 17:34:41 +08:00
// =========== 320px 设备 ===========
@media (max-width: 320px) {
>ul {
padding: 2.5% 1%;
>.year {
padding: 2.5% 0;
text-align: center;
}
>.title {
padding: 2.5% 0;
text-align: center;
}
>li {
justify-content: center;
>span {
display: none;
}
}
}
}
}