feat: header footer border
This commit is contained in:
parent
cc79a43cfe
commit
9096be93b4
|
|
@ -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');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue