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
|
|
|
|
2020-11-20 12:02:22 +08:00
|
|
|
keep-container(1.02, 1.02, 30px, true);
|
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
|
|
|
|
2020-11-20 12:02:22 +08:00
|
|
|
+keep-tablet() {
|
2020-06-04 22:11:27 +08:00
|
|
|
font-size: 1.5em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-20 12:02:22 +08:00
|
|
|
+keep-mobile() {
|
2020-06-04 22:11:27 +08:00
|
|
|
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
|
|
|
}
|
2020-11-13 14:43:22 +08:00
|
|
|
}
|
