@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;
      //   }
      // }
    }
  }
}