feat: header footer border

This commit is contained in:
FairyEver 2021-12-12 12:07:12 +08:00
parent cc79a43cfe
commit 9096be93b4
2 changed files with 5 additions and 0 deletions

View File

@ -33,6 +33,7 @@ html, body, #app {
padding: --var('body-header-padding-y') --var('body-header-padding-x');
&.body__header--border {
border-bottom-width: --var('body-header-border-width');
border-color: --var('body-header-border-color');
&.body__header--border-ghost {
border-color: --var('body-header-border-color-ghost');
}
@ -43,6 +44,7 @@ html, body, #app {
padding: --var('body-footer-padding-y') --var('body-footer-padding-x');
&.body__footer--border {
border-top-width: --var('body-footer-border-width');
border-color: --var('body-footer-border-color');
&.body__footer--border-ghost {
border-color: --var('body-header-border-color-ghost');
}

View File

@ -62,10 +62,13 @@ $color-bg-container: #FFFFFF;
#{--key('body-header-padding-x')}: --var('body-header-padding');
#{--key('body-header-padding-y')}: --var('body-header-padding');
#{--key('body-header-border-width')}: 1px;
#{--key('body-header-border-color')}: --var('color-bg-app');
#{--key('body-header-border-color-ghost')}: --var('body-main-bg-color');
// body footer
#{--key('body-footer-padding')}: --var('body-padding');
#{--key('body-footer-padding-x')}: --var('body-footer-padding');
#{--key('body-footer-padding-y')}: --var('body-footer-padding');
#{--key('body-footer-border-width')}: 1px;
#{--key('body-footer-border-color')}: --var('color-bg-app');
#{--key('body-footer-border-color-ghost')}: --var('body-main-bg-color');
}