mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-12-21 02:50:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(container): header/footer/aside size by css variables (#2530)

Browse Source
This commit is contained in:
云游君 2021-07-15 08:45:29 +08:00 committed by GitHub
parent b791aca744
commit ab8250d85a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/theme-chalk/src/common/var.scss
View File

@ -835,18 +835,6 @@ $--transfer-item-height: 30px !default;
/// height||Other|4
$--transfer-filter-height: 32px !default;
/* Header
--------------------------*/
$--header-padding: 0 20px !default;
/* Footer
--------------------------*/
$--footer-padding: 0 20px !default;
/* Main
--------------------------*/
$--main-padding: 20px !default;
/* Timeline
--------------------------*/
$--timeline-node-size-normal: 12px !default;

3
packages/theme-chalk/src/footer.scss
View File

@ -2,11 +2,12 @@
@import 'common/var';
:root {
--el-footer-padding: 0 20px;
--el-footer-height: 60px;
}
@include b(footer) {
padding: $--footer-padding;
padding: var(--el-footer-padding);
box-sizing: border-box;
flex-shrink: 0;
height: var(--el-footer-height);

3
packages/theme-chalk/src/header.scss
View File

@ -2,11 +2,12 @@
@import 'common/var';
:root {
--el-header-padding: 0 20px;
--el-header-height: 60px;
}
@include b(header) {
padding: $--header-padding;
padding: var(--el-header-padding);
box-sizing: border-box;
flex-shrink: 0;
height: var(--el-header-height);

6
packages/theme-chalk/src/main.scss
View File

@ -1,6 +1,10 @@
@import 'mixins/mixins';
@import 'common/var';
:root {
--el-main-padding: 20px;
}
@include b(main) {
// IE11 supports the <main> element partially https://caniuse.com/#search=main
display: block;
@ -8,5 +12,5 @@
flex-basis: auto;
overflow: auto;
box-sizing: border-box;
padding: $--main-padding;
padding: var(--el-main-padding);
}