@import (reference) '../color.less';
@import url('/src/design/var/easing.less');
@import url('/src/design/var/breakpoint.less');

@namespace: vben;

// tabs
@multiple-height: 40px;

// headers
@header-height: 70px;

// logo width
@logo-width: 40px;

//
@side-drag-z-index: 200;

@page-loading-z-index: 10000;

@lock-page-z-index: 3000;

@layout-header-fixed-z-index: 500;

@multiple-tab-fixed-z-index: 505;

@layout-sider-fixed-z-index: 510;

@layout-mix-sider-fixed-z-index: 550;

@preview-comp-z-index: 1000;

@page-footer-z-index: 99;

.bem(@n; @content) {
  @{namespace}-@{n} {
    @content();
  }
}
