2018-02-11 22:00:56 +08:00
|
|
|
// out: false
|
2018-05-18 15:07:15 +08:00
|
|
|
//
|
|
|
|
|
// Background
|
|
|
|
|
@bg: #EEE;
|
|
|
|
|
@darkBg: #353535;
|
|
|
|
|
@contentBg: #FFF;
|
|
|
|
|
//
|
|
|
|
|
// Border
|
2018-02-11 22:00:56 +08:00
|
|
|
@border: #E5E5E5;
|
|
|
|
|
@borderDark: #9E9E9E;
|
2018-05-18 15:07:15 +08:00
|
|
|
//
|
|
|
|
|
// Font color
|
|
|
|
|
@color: #232323;
|
|
|
|
|
@colorLink: #999;
|
|
|
|
|
@colorLight: #EEE;
|
2018-02-11 22:00:56 +08:00
|
|
|
@fontSize: 0.9em;
|
2018-05-18 15:07:15 +08:00
|
|
|
//
|
|
|
|
|
// Color theme
|
2018-02-14 19:50:53 +08:00
|
|
|
@main: #F44336;
|
2018-05-18 15:07:15 +08:00
|
|
|
@mainDark: #B71C1C;
|
|
|
|
|
@accent: #f4a236;
|
|
|
|
|
//
|
|
|
|
|
// Tooltip
|
|
|
|
|
@tooltipBg: #232323;
|
|
|
|
|
@arrowWidth: 8px;
|
|
|
|
|
//
|
|
|
|
|
// Other variable
|
|
|
|
|
@headerHeight: 60px;
|
|
|
|
|
//
|
2018-02-11 22:00:56 +08:00
|
|
|
// Mixin
|
|
|
|
|
.header-link {
|
|
|
|
|
border-right: 1px solid @border;
|
2018-05-18 15:07:15 +08:00
|
|
|
color: @color;
|
2018-02-11 22:00:56 +08:00
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: @fontSize;
|
|
|
|
|
line-height: @headerHeight;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: @main;
|
|
|
|
|
}
|
2018-03-10 11:39:38 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.full-overlay {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 101;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: column;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
padding: 32px;
|
2018-02-11 22:00:56 +08:00
|
|
|
}
|
