feat: add .app-content-bottom-area class

pull/5153/head
REJack 2 years ago
parent ec65db906b
commit 83b31e8a0b

@ -14,6 +14,46 @@
}
}
.app-content-bottom-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: $lte-content-padding-y $lte-content-padding-x;
display: flex;
align-items: center;
background: $lte-app-footer-bg;
border-top: $lte-app-footer-border-top;
> .row {
display: contents;
}
}
&.app-content-bottom-area-sm {
padding-bottom: $lte-app-content-bottom-area-height-sm + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-sm;
}
}
&.app-content-bottom-area-md {
padding-bottom: $lte-app-content-bottom-area-height-md + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-md;
}
}
&.app-content-bottom-area-lg {
padding-bottom: $lte-app-content-bottom-area-height-lg + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-lg;
}
}
.app-content {
padding: $lte-content-padding-y $lte-content-padding-x;
}

@ -62,6 +62,11 @@ $lte-app-header-height-compact: ($nav-link-height-compact + ($lte-app-head
$lte-content-padding-y: 0 !default;
$lte-content-padding-x: .5rem !default;
// MAIN CONTENT
$lte-app-content-bottom-area-height-sm: 3rem !default;
$lte-app-content-bottom-area-height-md: 4.5rem !default;
$lte-app-content-bottom-area-height-lg: 6rem !default;
// MAIN FOOTER
// --------------------------------------------------------
$lte-app-footer-padding: 1rem !default;

Loading…
Cancel
Save