2020-11-08 13:13:36 +08:00
|
|
|
|
@require 'common/variables.styl'
|
2020-09-02 17:49:53 +08:00
|
|
|
|
@require "./common/magic-theme.styl";
|
|
|
|
|
|
|
|
|
|
.category-list-container {
|
|
|
|
|
|
|
|
|
|
background: var(--background-color);
|
|
|
|
|
|
2020-11-13 14:43:22 +08:00
|
|
|
|
ils-container(1.005, 1.01, 30px);
|
2020-09-02 17:49:53 +08:00
|
|
|
|
|
|
|
|
|
+ils-tablet() {
|
2020-11-13 14:43:22 +08:00
|
|
|
|
ils-container(1.001, 1.005, 20px);
|
2020-09-02 17:49:53 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.category-list-content {
|
|
|
|
|
|
|
|
|
|
.all-category-list {
|
|
|
|
|
|
|
|
|
|
li.all-category-list-item {
|
|
|
|
|
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a.all-category-list-link {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span.all-category-list-count {
|
|
|
|
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: '(';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
content: ')';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ul.all-category-list-child {
|
|
|
|
|
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: '· ';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|