@charset "UTF-8";

// +----------------------------------------------------------------------
// | ThinkAdmin
// +----------------------------------------------------------------------
// | 版权所有 2014~2022 广州楚才信息科技有限公司 [ http://www.cuci.cc ]
// +----------------------------------------------------------------------
// | 官方网站: https://thinkadmin.top
// +----------------------------------------------------------------------
// | 开源协议 ( https://mit-license.org )
// +----------------------------------------------------------------------
// | gitee 代码仓库：https://gitee.com/zoujingli/ThinkAdmin
// | github 代码仓库：https://github.com/zoujingli/ThinkAdmin
// +----------------------------------------------------------------------

// 默认盒边框样式
@BoxBorderColor: #EEE;
@BoxBorderRadius: 3px;

// 输入边线颜色
@RadioBorderNormalColor: #CCC;
@InputBorderNormalColor: #EEE;
@InputBorderActiveColor: #DDD;

// 基础阴影配置
@ShadowMinOuter: 0 0 4px 0 rgba(0, 0, 0, 0.20);
@ShadowMaxOuter: 0 0 6px 0 rgba(0, 0, 0, 0.20);
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
@ShadowDownInset: 0 1px 6px 0 rgba(0, 0, 0, 0.10) inset;

// 导航条颜色配置
@TopHeaderTextColor: #333;
@TopHeaderBackColor: #FFF;
@TopHeaderBottomLine: 1px solid rgba(0, 0, 0, 0.10);
@TopHeaderNavNormalTextColor: @TopHeaderTextColor;
@TopHeaderNavNormalBackColor: @TopHeaderBackColor;

// 导航条按钮颜色
@TopHeaderHeight: 50px;
@TopHeaderNavHoverTextColor: #000;
@TopHeaderNavHoverBackColor: rgba(0, 0, 0, 0.05);
@TopHeaderNavActiveTextColor: #000;
@TopHeaderNavActiveBackColor: rgba(0, 0, 0, 0.10);

// 左侧菜单布局颜色
@LeftMainBackColor: #20222A !important;
@LeftMainRightShadow: 2px 0 6px rgba(0, 21, 41, .35);

@LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2);
@LeftMainNavHoverTextColor: #FFF;

@LeftMainNavNormalBackColor: none;
@LeftMainNavNormalTextColor: #EEE;

@LeftMainNavActiveBackColor: #098;
@LeftMainNavActiveTextColor: #FFF;

// 加载页面背景颜色
@LoadBackColor: #EFEFEF;

// 窗口页面背景颜色
@BodyMainTop: 51px;
@BodyMainBackColor: #EFEFEF;

// 左侧菜单大小
@LayoutMiniLeftSize: 50px;
@LayoutDefaLeftSzie: 200px;

// 最小滚动样式
#defaScrollbar() {
  height: 100%;
  display: block;
  overflow: auto;
  overflow-x: hidden;
  &::-webkit-scrollbar {
    width: 3px !important;

    &-track {
      background: #666 !important
    }

    &-thumb {
      background-color: #999 !important
    }
  }
}

// 通用延时动态
#defaTransition(@time:0.2s) {
  transition: all @time linear;
  -o-transition: all @time linear;
  -moz-transition: all @time linear;
  -webkit-transition: all @time linear;
}

// 内容主体布局
#bodyLayout() {
  > form.layui-form.layui-card {
    margin: 0;
    box-shadow: @ShadowMaxOuter;

    > .layui-card-body {
      padding: 40px 40px 10px 40px;
    }
  }
}

// Layui 字体图标
#iconLayout(@size:15px) {
  font-family: layui-icon !important;
  font-size: @size;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// Flex 基础定位
#flex() {
  display: -ms-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

// Flex 换行方式
#flexWrap(@type:wrap) {
  -ms-flex-wrap: @type;
  -webkit-flex-wrap: @type;
  flex-wrap: @type;
}

// Flex 垂直方向
#flexAlign(@type) {
  -ms-flex-align: @type;
  -webkit-box-align: @type;
  -webkit-align-items: @type;
  align-items: @type;
}

//  Flex 横向布局
#flexJustify(@type) {
  -ms-flex-pack: @type;
  -webkit-box-pack: @type;
  -webkit-justify-content: @type;
  justify-content: @type;
}

// 主轴方向
#flexDirection(@type:row) {
  -webkit-box-orient: vertical;
  -ms-flex-direction: @type;
  -webkit-flex-direction: @type;
  flex-direction: @type;
}