68 lines
1.3 KiB
SCSS
68 lines
1.3 KiB
SCSS
@charset "UTF-8";
|
|
|
|
/**
|
|
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
* @link https://beikeshop.com
|
|
* @Author pu shuo <pushuo@guangda.work>
|
|
* @Date 2022-08-02 19:19:52
|
|
* @LastEditTime 2022-09-16 19:05:52
|
|
*/
|
|
|
|
.sidebar {
|
|
background: #293042;
|
|
direction: ltr;
|
|
width: 220px;
|
|
transition: all .2s ease-in-out;
|
|
background: #fff;
|
|
border-right: 1px solid #f1f1f1;
|
|
html[lang="zh_cn"] &, html[lang="zh_hk"] &, html[lang="en"] & {
|
|
width: 190px;
|
|
}
|
|
|
|
// @media screen and (max-width: 991px) {
|
|
// position: fixed;
|
|
// top: 0;
|
|
// bottom: 0;
|
|
// }
|
|
|
|
.navbar-nav {
|
|
> li.nav-item {
|
|
position: relative;
|
|
|
|
a {
|
|
padding: .7rem 1rem .7rem 1.5rem;
|
|
// color: rgba(58,65,111, .9);
|
|
color: #333;
|
|
transition: all .1s ease-in-out;
|
|
|
|
i {
|
|
margin-right: 7px;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
&.active {
|
|
a {
|
|
// color: $primary;
|
|
background-color: #eee;
|
|
}
|
|
}
|
|
|
|
// &.active {
|
|
// &:before {
|
|
// content: '';
|
|
// position: absolute;
|
|
// left: 0;
|
|
// top: 0;
|
|
// width: 2px;
|
|
// height: 100%;
|
|
// z-index: 1;
|
|
// background: $primary;
|
|
// }
|
|
// }
|
|
}
|
|
}
|
|
} |