@import '@/assets/css/mixin';

.header{
  @include clearBox;
  position: relative;
  .header-logo{
    float: left;
    &.mini-logo{
      width: 60px;
      height: 60px;
    }
  }
  .menu-collapse{
    padding: 15px 10px;
    font-size: 30px;
    color: #797979;
    font-weight: 300;
    cursor: pointer;
  }
  .header-right{
    position: absolute;
    right: 20px;
    top: 0;
    .user-sec{
      line-height: 60px;
      cursor: pointer;
      .user-sec-name{
        padding-right: 8px;
        font-size: 12px;
      }
      .user-sec-avatar{
        border-radius: 50%;
      }
    }
  }
}