对比新文件 |
| | |
| | | @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; |
| | | } |