@import "./themes/default.scss";

$--menu-vertical-item-height: 45px !default; // item高度
$--menu-vertical-item-line-height: $--menu-vertical-item-height !default; // item行高
$--menu-vertical-item-margin: 3px !default; // item外间距
$--menu-sidebar-item-height: 45px !default; // 一级item高度
$--menu-sidebar-item-line-height: $--menu-sidebar-item-height !default; // 一级item行高
$--menu-sidebar-item-margin: 5px !default; // 一级item外间距
$--menu-dark-background: #191a23 !default; // 深色主题背景
$--menu-dark-item-color: rgba(255, 255, 255, 0.8) !default; // 深色主题文字颜色
$--menu-dark-item-selected-color: #fff !default; // 深色主题选中文字颜色
$--menu-popup-item-height: 40px !default; // 弹出式子菜单item高度
$--menu-popup-item-line-height: 40px !default; // 弹出式子菜单item行高
$--menu-popup-item-padding: 0 15px !default; // 弹出式子菜单item内间距
$--menu-popup-item-margin: 0 !default; // 弹出式子菜单item外间距
$--menu-popup-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !default; // 弹出式子菜单阴影
$--menu-popup-dark-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !default; // 弹出式子菜单深色主题阴影

/* 字体 */
$--body-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC',
'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif !default;

/* Layout */
$--layout-z-index: 99 !default; // 多页签[最小] -> [顶栏|侧栏][+2|+3|+1] -> 移动端遮罩层[+3]
$--layout-body-background: var(--layout-body-background) !default;
$--layout-mask-bg: rgba(0, 0, 0, 0.5) !default;

/* 侧栏 */
$--sidebar-width: var(--sidebar-width) !default; // 侧栏宽度
$--sidebar-collapse-width: 60px !default; // 侧栏折叠后宽度
$--sidebar-background-dark: $--menu-dark-background !default; // 侧栏深色背景
$--sidebar-light-shadow: 1px 3px 3px rgba(0, 0, 0, 0.08) !default; // 侧栏亮色阴影
$--sidebar-dark-shadow: 0 4px 4px rgba(0, 21, 41, 0.35) !default; // 侧栏深色阴影
$--sidebar-collapse-icon-font-size: 18px !default; // 侧栏折叠后图标字体大小
$--sidebar-colorful-icon-width: 26px !default; // 侧栏彩色图标宽度
$--sidebar-colorful-icon-size: 14px !default; // 侧栏彩色图标字体大小
$--sidebar-transition-anim: 0.3s cubic-bezier(0.2, 0, 0, 1) 0s !default; // 侧栏过渡动画
$--sidebar-transition: width $--sidebar-transition-anim,
left $--sidebar-transition-anim, box-shadow $--sidebar-transition-anim !default; // 侧栏过渡动效
$--sidebar-nav-width: 80px !default; // 侧栏一级菜单宽度
$--sidebar-nav-padding: 0 8px !default; // 侧栏一级菜单内间距
$--sidebar-collapse-nav-padding: 0 8px !default; // 侧栏折叠后一级菜单内间距
$--sidebar-nav-pop-menu-margin: 12px !default; // 侧栏一级菜单弹出式子菜单的左右外间距
$--sidebar-nav-font-size: 12px !default; // 侧栏一级菜单item字体大小
$--sidebar-nav-icon-font-size: 18px !default; // 侧栏一级菜单item图标字体大小
$--sidebar-nav-item-padding: 10px 0 !default; // 侧栏一级菜单item内间距
$--sidebar-collapse-nav-item-padding: 10px 0 !default; // 侧栏一级菜单折叠后item内间距
$--sidebar-nav-item-title-margin: 5px 0 0 0 !default; // 侧栏一级菜单item标题文字外间距
$--sidebar-nav-item-margin: 5px 0 0 0 !default; // 侧栏一级菜单item外间距
$--sidebar-collapse-nav-item-margin: 5px 0 10px 0 !default; // 侧栏折叠后一级菜单item外间距

/* 顶栏 */
$--header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08) !default; // 顶栏亮色阴影
$--header-dark-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !default; // 顶栏深色阴影
$--header-avatar-size: 28px !default; // 顶栏头像大小
$--header-tool-hover-bg: rgba(0, 0, 0, 0.025) !default; // 顶栏工具按钮hover背景
$--header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05) !default; // 深色时背景

/* Logo */
$--logo-size: 30px !default; // logo大小
$--logo-font-size: 20px !default; // logo文字大小
$--logo-font-weight: 600; // logo字体粗度
$--logo-light-color: #303133 !default; // logo亮色文字颜色
$--logo-dark-color: #f2f2f2 !default; // logo深色文字颜色
$--logo-light-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08) !default; // logo亮色阴影
$--logo-dark-shadow: 0 0px 4px rgba(0, 21, 41, 0.35) !default; // logo深色阴影
$--logo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default; // logo字体

/* 标签页 */
$--tabs-height: 40px !default; // 页签高度
$--tabs-card-padding: 8px !default; // 卡片式页签边距

/* 主体内容定宽 */
$--body-limit-width: 1200px !default;

/* Image */
$--content-image-filter: none !default;

/* Radio */
$--radio-inner-width: 8px !default;
$--radio-inner-height: 8px !default;
$--radio-inner-background-color: $--color-primary !default;