56 lines
2.1 KiB
SCSS
56 lines
2.1 KiB
SCSS
// color
|
|
// Brand Color
|
|
$color-primary: #0B58FF;
|
|
// Functional Color
|
|
$color-success: #34E88E;
|
|
$color-warning: #FFBD02;
|
|
$color-danger: #FF5454;
|
|
$color-info: #909399;
|
|
// Font Color
|
|
$color-text-primary: #161616;
|
|
$color-text-regular: #606266;
|
|
$color-text-secondary: #909399;
|
|
$color-text-placeholder: #C0C4CC;
|
|
// Border Color
|
|
$border-color-base: #DCDFE6;
|
|
$border-color-light: #E4E7ED;
|
|
$border-color-lighter: #EBEEF5;
|
|
$border-color-extra-light: #F2F6FC;
|
|
// Background Color
|
|
$color-white: #FFFFFF;
|
|
$color-black: #000000;
|
|
$background-color-base: #F0F2F5;
|
|
$background-color-secondary: #F2F4F9;
|
|
|
|
// mix color-primary
|
|
$color-primary-light-1: mix($color-white, $color-primary, 10%) !default;
|
|
$color-primary-light-2: mix($color-white, $color-primary, 20%) !default;
|
|
$color-primary-light-3: mix($color-white, $color-primary, 30%) !default;
|
|
$color-primary-light-4: mix($color-white, $color-primary, 40%) !default;
|
|
$color-primary-light-5: mix($color-white, $color-primary, 50%) !default;
|
|
$color-primary-light-6: mix($color-white, $color-primary, 60%) !default;
|
|
$color-primary-light-7: mix($color-white, $color-primary, 70%) !default;
|
|
$color-primary-light-8: mix($color-white, $color-primary, 80%) !default;
|
|
$color-primary-light-9: mix($color-white, $color-primary, 90%) !default;
|
|
// mix color-success
|
|
$color-success-light-1: mix($color-white, $color-success, 10%) !default;
|
|
$color-success-light-2: mix($color-white, $color-success, 20%) !default;
|
|
$color-success-light-3: mix($color-white, $color-success, 30%) !default;
|
|
$color-success-light-4: mix($color-white, $color-success, 40%) !default;
|
|
$color-success-light-5: mix($color-white, $color-success, 50%) !default;
|
|
$color-success-light-6: mix($color-white, $color-success, 60%) !default;
|
|
$color-success-light-7: mix($color-white, $color-success, 70%) !default;
|
|
$color-success-light-8: mix($color-white, $color-success, 80%) !default;
|
|
$color-success-light-9: mix($color-white, $color-success, 90%) !default;
|
|
|
|
// size
|
|
$navbarHeight: 60px; // 导航栏高度
|
|
$menuWidth: 160px;
|
|
$footerHeight: 30px;
|
|
|
|
:export {
|
|
navbarHeight: $navbarHeight;
|
|
menuWidth: $menuWidth;
|
|
footerHeight: $footerHeight;
|
|
}
|