You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.4 KiB
59 lines
1.4 KiB
/* color */
|
|
@color-black: #282c34;
|
|
@color-white: #fff;
|
|
@color-white-dark: #f6f8f9;
|
|
@color-primary: #409eff;
|
|
@color-primary-white: #e8f4ff;
|
|
|
|
@color-ghost-white: fade(@color-white, 10%);
|
|
@color-ghost-black: fade(@color-black, 10%);
|
|
|
|
/* mixin */
|
|
.text-overflow {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* layout */
|
|
@layout-icon: 30px;
|
|
@layout-h1: 30px;
|
|
@layout-h2: 20px;
|
|
@layout-h3: 16px;
|
|
@layout-h4: 14px;
|
|
@layout-border-radius: 5px;
|
|
@layout-space: 10px;
|
|
@layout-space-small: 5px;
|
|
@layout-space-large: 15px;
|
|
@layout-space-super: 20px;
|
|
@layout-shadow: fade(@color-black, 20%) 0px 0px 5px;
|
|
|
|
@layout-aside-bgc: @color-black;
|
|
@layout-aside-fc: @color-white;
|
|
@layout-aside-fc2: lighten(@color-black, 20%);
|
|
@layout-aside-width: 80px;
|
|
@layout-aside-item-size: 68px;
|
|
|
|
@layout-menu-width: 200px;
|
|
@layout-menu-bgc: lighten(@color-black, 20%);
|
|
@layout-menu-fc: darken(@color-white, 20%);
|
|
@layout-menu-ic: darken(@color-white, 20%);
|
|
@layout-menu-hover-bgc: lighten(@color-black, 25%);
|
|
@layout-menu-hover-fc: darken(@color-white, 10%);
|
|
@layout-menu-active-fc: @color-white;
|
|
@layout-menu-active-bgc: lighten(@color-black, 35%);
|
|
|
|
@layout-header-height: 60px;
|
|
@layout-header-bgc: @color-white;
|
|
@layout-header-fc: @color-black;
|
|
|
|
@layout-tabs-height: 50px;
|
|
|
|
@layout-footer-bgc: @color-white;
|
|
@layout-footer-fc: @color-black;
|
|
|
|
:export {
|
|
layoutAsideWidth: @layout-aside-width;
|
|
layoutLogoSize: calc(@layout-header-height * 0.72);
|
|
}
|