@mixin create-nav(){
  ul{
    @extend .clear-list;
    li{
      line-height: $sidebar-nav-list-line-height;
      margin-bottom: 5px;
      transition: .2s all linear;
      a{
        font-size: $sidebar-nav-list-font-size;
        font-weight: $sidebar-nav-list-font-weight;
        display: flex;
        align-items: center;
        cursor: pointer;
        padding-left: $sidebar-nav-space-around;
        padding-right: $sidebar-nav-space-around;
        border-radius: 3px;

        i{
          margin-right: rem-calc(14);
          font-size: rem-calc(22);
          //height: rem-calc(16);
          width: rem-calc(16);
          text-align: center;
        }

        span.logo{
          margin-right: 14px;
          display: flex;
          justify-content: center;

          img{
            max-height: 20px;
            max-width: 20px;
            border-radius: 2px;
          }
        }
      }
      ul{
        li{
          a{
            padding-left: rem-calc(40px);
            padding-right: rem-calc(40px);
          }
        }
      }
    }
  }
}