|
|
|
//常量库
|
|
|
|
|
|
|
|
//classified
|
|
|
|
|
|
|
|
//
|
|
|
|
@font-size-12: 12px;
|
|
|
|
@font-size-13: 13px;
|
|
|
|
@font-size-14: 14px;
|
|
|
|
@font-size-16: 16px;
|
|
|
|
@font-size-22: 22px;
|
|
|
|
@font-size-24: 24px;
|
|
|
|
@font-size-30: 30px;
|
|
|
|
@font-size-40: 40px;
|
|
|
|
@font-size-50: 50px;
|
|
|
|
@font-size-60: 60px;
|
|
|
|
@font-size-70: 70px;
|
|
|
|
@radius-2: 2px;
|
|
|
|
@radius-6: 6px;
|
|
|
|
|
|
|
|
@opacity-15: 0.15;
|
|
|
|
@opacity-20: 0.2;
|
|
|
|
|
|
|
|
//font color
|
|
|
|
@font-color-black: #232e40;//
|
|
|
|
@font-color-normal: #3d4d66;//
|
|
|
|
@font-color-normal-theme-dark: #d6e0dc;//
|
|
|
|
@font-color-light-gray: #647185;
|
|
|
|
@font-color-light-gray-theme-dark: #afb7c6;
|
|
|
|
@font-color-disabled: #9ea6b2;//
|
|
|
|
@font-color-disabled-theme-dark: #878d9f;//
|
|
|
|
@font-color-tips: #c4c9d1;//
|
|
|
|
@font-color-tips-theme-dark: #6b7084;//
|
|
|
|
@font-color-light-disabled: #d0d4da;//
|
|
|
|
@font-color-light-disabled-theme-dark: #606479;
|
|
|
|
@font-color-gray: #999999;
|
|
|
|
@font-color-white: #ffffff;//
|
|
|
|
@font-color-white-theme-dark: #242640;//
|
|
|
|
@font-color-light-highlight: #eaf2fd;
|
|
|
|
@font-color-highlight: #3685f2;
|
|
|
|
@font-color-blue: #23beef;
|
|
|
|
@font-color-light-blue: #e9f8fd;
|
|
|
|
@font-color-success: #13cd66;
|
|
|
|
@font-color-warning: #faaa39;//
|
|
|
|
@font-color-negative: #ff4949;//
|
|
|
|
@font-color-yellow: #ffc101;//
|
|
|
|
|
|
|
|
//background color
|
|
|
|
@background-color-black: #232E40;//
|
|
|
|
@background-color-default: #ffffff;//
|
|
|
|
@background-color-default-theme-dark: #242640;//
|
|
|
|
@background-color-normal: #f7f8fa;//
|
|
|
|
@background-color-normal-theme-dark: #191B2B;//
|
|
|
|
@background-color-light-highlight: #eaf2fd;
|
|
|
|
@background-color-highlight: #3685f2;
|
|
|
|
@background-color-blue: #23beef;
|
|
|
|
@background-color-light-blue: #e9f8fd;
|
|
|
|
@background-color-dark: #d4dadd;
|
|
|
|
@background-color-light-gray: #F2F4F7;
|
|
|
|
@background-color-dark-gray: #d0d4da;
|
|
|
|
@background-color-disabled: #F0F3F7;
|
|
|
|
@background-color-yellow: #ffc101;//
|
|
|
|
|
|
|
|
@background-color-negative: #ff4949;
|
|
|
|
@background-color-light-negative: #ffecec;
|
|
|
|
@background-color-light-warning: #feeed7;
|
|
|
|
@background-color-warning: #faaa39;
|
|
|
|
|
|
|
|
@background-color-dark-success: #13cd66;
|
|
|
|
@background-color-light-success: #e1f4e7;
|
|
|
|
@background-color-normal-success: #647185;
|
|
|
|
|
|
|
|
//border color
|
|
|
|
@border-color-default: #ffffff;
|
|
|
|
@border-color-black: #232e40;
|
|
|
|
@border-color-line: #e8eaed;
|
|
|
|
@border-color-line-theme-dark: #3a3c53;
|
|
|
|
@border-color-light-line: #f2f4f7;
|
|
|
|
@border-color-light-line-theme-dark: #2F3149;
|
|
|
|
@border-color-highlight: #3685f2;
|
|
|
|
|
|
|
|
@border-color-warning: #fbb03b;
|
|
|
|
@border-color-negative: #e85050;
|
|
|
|
@border-color-success: #13cd66;
|
|
|
|
@border-color-light-negative: #f4cbcb;
|
|
|
|
@border-color-normal-success: #eddea2;
|
|
|
|
|
|
|
|
//split color
|
|
|
|
@border-color-disabled: #F0F3F7;
|
|
|
|
|
|
|
|
//scroll color
|
|
|
|
@scroll-color: #878d9f;
|
|
|
|
@scroll-color-theme-dark: #F0F3F7;
|
|
|
|
|
|
|
|
@water-mark-color-theme-dark: #878d9f;
|