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