1234567891011121314151617181920212223242526272829303132333435363738394041 |
- .app-main {
- position: relative;
- display: flex;
- flex-direction: column;
- grid-area: #{$lte-prefix}app-main;
- max-width: 100vw;
- padding-bottom: $lte-app-main-padding-bottom;
- @include transition($lte-transition-speed $lte-transition-fn);
- .app-content-header {
- padding: 1rem $lte-content-padding-x;
- .breadcrumb {
- padding: 0;
- margin-bottom: 0;
- line-height: 2.5rem;
- a {
- text-decoration: none;
- }
- }
- }
- .app-content-top-area,
- .app-content-bottom-area {
- color: $lte-app-content-bottom-area-color;
- background-color: $lte-app-content-bottom-area-bg;
- }
- .app-content-top-area {
- padding: $lte-app-content-top-area-padding-y $lte-app-content-top-area-padding-x;
- border-bottom: $lte-app-content-top-area-top-border;
- }
- .app-content-bottom-area {
- padding: $lte-app-content-bottom-area-padding-y $lte-app-content-bottom-area-padding-x;
- margin-top: auto;
- margin-bottom: $lte-app-content-bottom-area-margin-bottom;
- border-top: $lte-app-content-bottom-area-top-border;
- }
- }
|