mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-05 19:41:44 +08:00
156 lines
3.8 KiB
Plaintext
156 lines
3.8 KiB
Plaintext
@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;
|
||
} |