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