2020-04-01 12:09:06 +08:00
|
|
|
@require 'common/variables.styl'
|
2020-03-21 23:04:01 +08:00
|
|
|
|
2020-03-19 18:11:13 +08:00
|
|
|
.category-container {
|
2020-04-29 18:41:29 +08:00
|
|
|
|
|
|
|
|
background: var(--background-color);
|
|
|
|
|
|
|
|
|
|
if (hexo-config('magic.enable')) {
|
2020-04-30 00:14:16 +08:00
|
|
|
magic-container(1.02, 1.02, 30px);
|
2020-06-04 22:11:27 +08:00
|
|
|
|
|
|
|
|
+ils-tablet() {
|
|
|
|
|
magic-container(1.01, 1.01, 20px);
|
|
|
|
|
}
|
2020-04-29 18:41:29 +08:00
|
|
|
}
|
|
|
|
|
|
2020-03-19 18:11:13 +08:00
|
|
|
.category-name {
|
2020-04-02 11:01:24 +08:00
|
|
|
color: var(--second-text-color);
|
2020-04-07 11:57:53 +08:00
|
|
|
font-size: 1.6em;
|
2020-06-04 22:11:27 +08:00
|
|
|
|
|
|
|
|
+ils-tablet() {
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
+ils-mobile() {
|
|
|
|
|
font-size: 1.4em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-07 11:57:53 +08:00
|
|
|
font-weight: 600;
|
2020-04-29 18:41:29 +08:00
|
|
|
padding-bottom: 20px;
|
|
|
|
|
margin-bottom: $component-interspace;
|
|
|
|
|
border-bottom: 1px solid var(--border-color);
|
2020-03-19 18:11:13 +08:00
|
|
|
}
|
|
|
|
|
}
|
