65 lines
1.2 KiB
SCSS
65 lines
1.2 KiB
SCSS
.nut-theme-dark {
|
|
.nut-category {
|
|
&__cateList {
|
|
background: $dark-background2;
|
|
}
|
|
|
|
&__cateListLeft {
|
|
background: $dark-background4;
|
|
}
|
|
|
|
&__cateListItem {
|
|
color: $dark-color-gray;
|
|
}
|
|
|
|
&__cateListItemChecked {
|
|
color: $dark-color;
|
|
background: $dark-background2;
|
|
|
|
&::before {
|
|
background: $category-list-item-checked-img-bg-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.nut-category {
|
|
&__cateList {
|
|
display: flex;
|
|
background: $category-bg-color;
|
|
}
|
|
|
|
&__cateListLeft {
|
|
background: $category-list-left-bg-color;
|
|
}
|
|
|
|
&__cateListItemChecked,
|
|
&__cateListItem {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100px;
|
|
height: 50px;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
color: $category-list-item-color;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
&__cateListItemChecked {
|
|
position: relative;
|
|
font-weight: 500;
|
|
background: $category-list-item-checked-color;
|
|
transition: all 0.3s;
|
|
|
|
&::before {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 5px;
|
|
height: 18px;
|
|
content: "";
|
|
background: $category-list-item-checked-img-bg-color;
|
|
}
|
|
}
|
|
}
|