2020-12-01 16:51:38 +08:00
|
|
|
$category-name-font-size = 1.6rem;
|
|
|
|
|
|
2020-03-19 18:11:13 +08:00
|
|
|
.category-container {
|
2020-04-29 18:41:29 +08:00
|
|
|
|
2021-01-21 18:23:22 +08:00
|
|
|
keep-container(false, 0, 0, 30px, 30px);
|
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-12-01 16:51:38 +08:00
|
|
|
font-size: $category-name-font-size;
|
2020-06-04 22:11:27 +08:00
|
|
|
|
2021-01-21 20:16:30 +08:00
|
|
|
i {
|
|
|
|
|
color: var(--second-text-color);
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-20 12:02:22 +08:00
|
|
|
+keep-tablet() {
|
2020-12-01 16:51:38 +08:00
|
|
|
font-size: $category-name-font-size * 0.9;
|
2020-06-04 22:11:27 +08:00
|
|
|
}
|
|
|
|
|
|
2020-11-20 12:02:22 +08:00
|
|
|
+keep-mobile() {
|
2020-12-01 16:51:38 +08:00
|
|
|
font-size: $category-name-font-size * 0.8;
|
2020-06-04 22:11:27 +08:00
|
|
|
}
|
|
|
|
|
|
2020-04-07 11:57:53 +08:00
|
|
|
font-weight: 600;
|
2020-04-29 18:41:29 +08:00
|
|
|
padding-bottom: 20px;
|
2021-01-07 15:15:39 +08:00
|
|
|
margin-bottom: $component-spacing-value;
|
2020-04-29 18:41:29 +08:00
|
|
|
border-bottom: 1px solid var(--border-color);
|
2020-03-19 18:11:13 +08:00
|
|
|
}
|
2020-11-13 14:43:22 +08:00
|
|
|
}
|
