2018-02-11 22:00:56 +08:00
|
|
|
// out: false
|
|
|
|
|
@appBg: #F5F5F5;
|
|
|
|
|
@border: #E5E5E5;
|
|
|
|
|
@borderDark: #9E9E9E;
|
2018-02-14 12:41:43 +08:00
|
|
|
@contentBg: #FFF;
|
2018-02-11 22:00:56 +08:00
|
|
|
@headerInputBg: #FFF;
|
|
|
|
|
@fontColor: #000;
|
|
|
|
|
@linkColor: #535A60;
|
|
|
|
|
@fontLightColor: #6F757A;
|
|
|
|
|
@fontSize: 0.9em;
|
|
|
|
|
@headerHeight: 70px;
|
2018-02-14 19:50:53 +08:00
|
|
|
@main: #F44336;
|
2018-02-11 22:00:56 +08:00
|
|
|
@accent: #F44336;
|
|
|
|
|
@headerShadow: rgba(0, 0, 0, 0.3);
|
|
|
|
|
// Mixin
|
|
|
|
|
.header-link {
|
|
|
|
|
border-right: 1px solid @border;
|
|
|
|
|
color: @fontColor;
|
|
|
|
|
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
|
|
|
}
|
