c62248fdaf
Former-commit-id: 4b9e48e57fa9a3aa679bbeb8029d3f28de61e27e [formerly 4b9e48e57fa9a3aa679bbeb8029d3f28de61e27e [formerly 4b9e48e57fa9a3aa679bbeb8029d3f28de61e27e [formerly 4b9e48e57fa9a3aa679bbeb8029d3f28de61e27e [formerly 33899ac6fd09a122ad71dbd89363e90cad5071aa [formerly 27c82ded5d78e431bb710b7bf1a699b70675289f]]]]] Former-commit-id: 61eea194c45605f39985af151bac028d29d5855b Former-commit-id: cd9b4b0fa53307068919a15fad8bf18dd616fd12 Former-commit-id: 84785db7c037f1590a283ed91a6a257f581619ee [formerly da6799054002c4eb3a598c6449e3bd108318bff8] Former-commit-id: 71904e17a21b6db3bdbf8e0aaa346fb2570c16ff Former-commit-id: 11b3e68c88f4b37ead0bf1811acf912a81da28ff Former-commit-id: e6826aea1605f350672b21ab7f6a19ef29edd4fb Former-commit-id: 656e5e672c0a8c037771b085c3bba1135a4f84f0 Former-commit-id: a1ecd8c27ceff6d1dcd6e79ce6687ff20bc5c5b6
68 lines
2.3 KiB
SCSS
68 lines
2.3 KiB
SCSS
@import 'public';
|
|
|
|
// 补丁 base
|
|
@import '~@/assets/style/fixed/base.scss';
|
|
// 补丁 element
|
|
@import '~@/assets/style/fixed/element.scss';
|
|
// 补丁 markdown
|
|
@import '~@/assets/style/fixed/markdown.scss';
|
|
// 补丁 n-progress
|
|
@import '~@/assets/style/fixed/n-progress.scss';
|
|
// 补丁 vue-splitpane
|
|
@import '~@/assets/style/fixed/vue-splitpane.scss';
|
|
// 补丁 vue-grid-layout
|
|
@import '~@/assets/style/fixed/vue-grid-layout.scss';
|
|
// 补丁 tree-view
|
|
@import '~@/assets/style/fixed/tree-view.scss';
|
|
|
|
// 动画
|
|
@import '~@/assets/style/animate/vue-transition.scss';
|
|
|
|
// 在这里写公用的class
|
|
// 注意 这个文件里只写class
|
|
// mixin等内容请在 public.scss 里书写
|
|
|
|
// 文字相关
|
|
.#{$prefix}-text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
// 浮动相关
|
|
.#{$prefix}-fl {
|
|
float: left;
|
|
}
|
|
.#{$prefix}-fr {
|
|
float: right;
|
|
}
|
|
|
|
// 边距相关
|
|
$sizes: (0, 5, 10, 15, 20);
|
|
|
|
@for $index from 1 to 6 {
|
|
.#{$prefix}-m-#{nth($sizes, $index)} { margin: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-mt-#{nth($sizes, $index)} { margin-top: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-mr-#{nth($sizes, $index)} { margin-right: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-mb-#{nth($sizes, $index)} { margin-bottom: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-ml-#{nth($sizes, $index)} { margin-left: #{nth($sizes, $index)}px !important; }
|
|
|
|
.#{$prefix}-p-#{nth($sizes, $index)} { padding: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-pt-#{nth($sizes, $index)} { padding-top: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-pr-#{nth($sizes, $index)} { padding-right: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-pb-#{nth($sizes, $index)} { padding-bottom: #{nth($sizes, $index)}px !important; }
|
|
.#{$prefix}-pl-#{nth($sizes, $index)} { padding-left: #{nth($sizes, $index)}px !important; }
|
|
}
|
|
|
|
// 快速使用
|
|
|
|
.#{$prefix}-m { margin: 20px !important; }
|
|
.#{$prefix}-mt { margin-top: 20px !important; }
|
|
.#{$prefix}-mr { margin-right: 20px !important; }
|
|
.#{$prefix}-mb { margin-bottom: 20px !important; }
|
|
.#{$prefix}-ml { margin-left: 20px !important; }
|
|
|
|
.#{$prefix}-p { padding: 20px !important; }
|
|
.#{$prefix}-pt { padding-top: 20px !important; }
|
|
.#{$prefix}-pr { padding-right: 20px !important; }
|
|
.#{$prefix}-pb { padding-bottom: 20px !important; }
|
|
.#{$prefix}-pl { padding-left: 20px !important; }
|