59b030392c
Former-commit-id: 4d3b3dba4b787cc551e868f564481a9c9d1005cd [formerly 4d3b3dba4b787cc551e868f564481a9c9d1005cd [formerly 4d3b3dba4b787cc551e868f564481a9c9d1005cd [formerly 4d3b3dba4b787cc551e868f564481a9c9d1005cd [formerly a1bee0a09872436a8178d2f3ff28dfcfa1334527 [formerly 165ed9ed5023c54e8b77aaad78d2a08dab1850a7]]]]] Former-commit-id: 6b575639a46cc5b724f1a86715d5d94419dbb38b Former-commit-id: 6e277e97e0ccea94986808b8bcaa49c4e31735a9 Former-commit-id: 3df022a4669e4f8d8e92e548de06d5a5aa793b07 [formerly a28d57f91d62a7f34fdd1861ddaee196f9951596] Former-commit-id: b6878bde8a3b1b90f63ad788741593a70dfb2e13 Former-commit-id: 4ee5dbc6e4a8ed07b4f6bb0ec4a91b94242bcab1 Former-commit-id: 2c886cd2db7924007a8b70089da78bea41996ae7 Former-commit-id: 2fb2dee79878ab07bb821549dd78ce6a80a6d975 Former-commit-id: 6b5b3c21ff34740bc59f760ea6c7f181d1526501
74 lines
2.4 KiB
SCSS
74 lines
2.4 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';
|
|
// 补丁 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;
|
|
}
|
|
.#{$prefix}-clearfix:before,
|
|
.#{$prefix}-clearfix:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.#{$prefix}-clearfix:after {
|
|
clear: both
|
|
}
|
|
|
|
// 边距相关
|
|
$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; }
|