hexo-theme-keep/source/css/layout/_partial/sidebar-categories.styl

88 lines
1.5 KiB
Stylus
Raw Normal View History

2020-04-28 23:20:17 +08:00
@require "../common/magic-theme.styl"
.sidebar-category {
2020-04-28 23:20:17 +08:00
position relative
background: var(--background-color);
magic-container(1.02, 20px);
.category-label {
margin-bottom: 12px;
padding-bottom: 12px;
//padding-left: 10px;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid var(--border-color);
/*&::after {
content: '';
position: absolute;
top: 20px;
left: 20px;
width: 4px;
height: 20px;
background: #333;
}
*/
}
.category-list {
li.category-list-item {
padding: 6px;
margin-bottom: 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
&:last-child {
margin-bottom: 0;
}
&:hover {
box-shadow: 0 0 5px var(--border-color);
transform: scale(1.02);
}
.number {
font-size: 12px;
background: skyblue;
border-radius: 2px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
color: var(--background-color);
}
}
}
.post-category-list {
.post-category-list-item {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
.post-category-list-link {
}
.post-category-list-count {
}
}
}
}