commit
23544bab5e
@ -1,191 +1,182 @@ |
|||||||
@import './variables.scss'; |
@import './variables.scss'; |
||||||
@import './mixin.scss'; |
@import './mixin.scss'; |
||||||
@import './transition.scss'; |
@import './transition.scss'; |
||||||
@import './element-ui.scss'; |
@import './element-ui.scss'; |
||||||
@import './sidebar.scss'; |
@import './sidebar.scss'; |
||||||
@import './btn.scss'; |
@import './btn.scss'; |
||||||
|
|
||||||
body { |
body { |
||||||
height: 100%; |
height: 100%; |
||||||
-moz-osx-font-smoothing: grayscale; |
-moz-osx-font-smoothing: grayscale; |
||||||
-webkit-font-smoothing: antialiased; |
-webkit-font-smoothing: antialiased; |
||||||
text-rendering: optimizeLegibility; |
text-rendering: optimizeLegibility; |
||||||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; |
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; |
||||||
} |
} |
||||||
|
|
||||||
label { |
label { |
||||||
font-weight: 700; |
font-weight: 700; |
||||||
} |
} |
||||||
|
|
||||||
html { |
html { |
||||||
height: 100%; |
height: 100%; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
} |
} |
||||||
|
|
||||||
#app { |
#app { |
||||||
height: 100%; |
height: 100%; |
||||||
} |
} |
||||||
|
|
||||||
*, |
*, |
||||||
*:before, |
*:before, |
||||||
*:after { |
*:after { |
||||||
box-sizing: inherit; |
box-sizing: inherit; |
||||||
} |
} |
||||||
|
|
||||||
.no-padding { |
.no-padding { |
||||||
padding: 0px !important; |
padding: 0px !important; |
||||||
} |
} |
||||||
|
|
||||||
.padding-content { |
.padding-content { |
||||||
padding: 4px 0; |
padding: 4px 0; |
||||||
} |
} |
||||||
|
|
||||||
a:focus, |
a:focus, |
||||||
a:active { |
a:active { |
||||||
outline: none; |
outline: none; |
||||||
} |
} |
||||||
|
|
||||||
a, |
a, |
||||||
a:focus, |
a:focus, |
||||||
a:hover { |
a:hover { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
color: inherit; |
color: inherit; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
} |
} |
||||||
|
|
||||||
div:focus { |
div:focus { |
||||||
outline: none; |
outline: none; |
||||||
} |
} |
||||||
|
|
||||||
.fr { |
.fr { |
||||||
float: right; |
float: right; |
||||||
} |
} |
||||||
|
|
||||||
.fl { |
.fl { |
||||||
float: left; |
float: left; |
||||||
} |
} |
||||||
|
|
||||||
.pr-5 { |
.pr-5 { |
||||||
padding-right: 5px; |
padding-right: 5px; |
||||||
} |
} |
||||||
|
|
||||||
.pl-5 { |
.pl-5 { |
||||||
padding-left: 5px; |
padding-left: 5px; |
||||||
} |
} |
||||||
|
|
||||||
.block { |
.block { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
|
|
||||||
.pointer { |
.pointer { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
|
|
||||||
.inlineBlock { |
.inlineBlock { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
|
|
||||||
.clearfix { |
.clearfix { |
||||||
&:after { |
&:after { |
||||||
visibility: hidden; |
visibility: hidden; |
||||||
display: block; |
display: block; |
||||||
font-size: 0; |
font-size: 0; |
||||||
content: " "; |
content: " "; |
||||||
clear: both; |
clear: both; |
||||||
height: 0; |
height: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
aside { |
aside { |
||||||
background: #eef1f6; |
background: #eef1f6; |
||||||
padding: 8px 24px; |
padding: 8px 24px; |
||||||
margin-bottom: 20px; |
margin-bottom: 20px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
display: block; |
display: block; |
||||||
line-height: 32px; |
line-height: 32px; |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; |
||||||
color: #2c3e50; |
color: #2c3e50; |
||||||
-webkit-font-smoothing: antialiased; |
-webkit-font-smoothing: antialiased; |
||||||
-moz-osx-font-smoothing: grayscale; |
-moz-osx-font-smoothing: grayscale; |
||||||
|
|
||||||
a { |
a { |
||||||
color: #337ab7; |
color: #337ab7; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
color: rgb(32, 160, 255); |
color: rgb(32, 160, 255); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//main-container全局样式 |
//main-container全局样式 |
||||||
.app-container { |
.app-container { |
||||||
padding: 20px; |
padding: 20px; |
||||||
} |
} |
||||||
|
|
||||||
.components-container { |
.components-container { |
||||||
margin: 30px 50px; |
margin: 30px 50px; |
||||||
position: relative; |
position: relative; |
||||||
} |
} |
||||||
|
|
||||||
.pagination-container { |
.pagination-container { |
||||||
margin-top: 30px; |
margin-top: 30px; |
||||||
} |
} |
||||||
|
|
||||||
.text-center { |
.text-center { |
||||||
text-align: center |
text-align: center |
||||||
} |
} |
||||||
|
|
||||||
.sub-navbar { |
.sub-navbar { |
||||||
height: 50px; |
height: 50px; |
||||||
line-height: 50px; |
line-height: 50px; |
||||||
position: relative; |
position: relative; |
||||||
width: 100%; |
width: 100%; |
||||||
text-align: right; |
text-align: right; |
||||||
padding-right: 20px; |
padding-right: 20px; |
||||||
transition: 600ms ease position; |
transition: 600ms ease position; |
||||||
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); |
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); |
||||||
|
|
||||||
.subtitle { |
.subtitle { |
||||||
font-size: 20px; |
font-size: 20px; |
||||||
color: #fff; |
color: #fff; |
||||||
} |
} |
||||||
|
|
||||||
&.draft { |
&.draft { |
||||||
background: #d0d0d0; |
background: #d0d0d0; |
||||||
} |
} |
||||||
|
|
||||||
&.deleted { |
&.deleted { |
||||||
background: #d0d0d0; |
background: #d0d0d0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.link-type, |
.link-type, |
||||||
.link-type:focus { |
.link-type:focus { |
||||||
color: #337ab7; |
color: #337ab7; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
color: rgb(32, 160, 255); |
color: rgb(32, 160, 255); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.filter-container { |
.filter-container { |
||||||
padding-bottom: 10px; |
padding-bottom: 10px; |
||||||
|
|
||||||
.filter-item { |
.filter-item { |
||||||
display: inline-block; |
display: inline-block; |
||||||
vertical-align: middle; |
vertical-align: middle; |
||||||
margin-bottom: 10px; |
margin-bottom: 10px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//refine vue-multiselect plugin |
|
||||||
.multiselect { |
|
||||||
line-height: 16px; |
|
||||||
} |
|
||||||
|
|
||||||
.multiselect--active { |
|
||||||
z-index: 1000 !important; |
|
||||||
} |
|
||||||
|
|||||||
Loading…
Reference in new issue