45 lines
949 B
SCSS
45 lines
949 B
SCSS
// 该文件由 Vite scss additionalData 自动注入，请只放置变量与 mixin，不要输出任何样式
|
||
|
||
// 布局尺寸
|
||
$sidebar-width: 220px;
|
||
$sidebar-width-collapsed: 64px;
|
||
$navbar-height: 50px;
|
||
$container-padding: 16px;
|
||
|
||
// 主题色（Element Plus 主色通过 CSS 变量覆盖，见 styles/element/index.scss）
|
||
$color-primary: #409eff;
|
||
$color-success: #67c23a;
|
||
$color-warning: #e6a23c;
|
||
$color-danger: #f56c6c;
|
||
$color-info: #909399;
|
||
|
||
// 文字
|
||
$text-color-primary: #303133;
|
||
$text-color-regular: #606266;
|
||
$text-color-secondary: #909399;
|
||
|
||
// 背景与边框
|
||
$bg-page: #f5f7fa;
|
||
$bg-sidebar: #ffffff;
|
||
$border-color: #e4e7ed;
|
||
$border-color-light: #ebeef5;
|
||
|
||
// 层级
|
||
$z-index-sidebar: 1001;
|
||
$z-index-navbar: 1002;
|
||
|
||
// 过渡
|
||
$transition-duration: 0.28s;
|
||
|
||
@mixin flex-center {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
@mixin text-ellipsis {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|