_app-main.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .app-main {
  2. position: relative;
  3. display: flex;
  4. flex-direction: column;
  5. grid-area: #{$lte-prefix}app-main;
  6. max-width: 100vw;
  7. padding-bottom: $lte-app-main-padding-bottom;
  8. @include transition($lte-transition-speed $lte-transition-fn);
  9. .app-content-header {
  10. padding: 1rem $lte-content-padding-x;
  11. .breadcrumb {
  12. padding: 0;
  13. margin-bottom: 0;
  14. line-height: 2.5rem;
  15. a {
  16. text-decoration: none;
  17. }
  18. }
  19. }
  20. .app-content-top-area,
  21. .app-content-bottom-area {
  22. color: $lte-app-content-bottom-area-color;
  23. background-color: $lte-app-content-bottom-area-bg;
  24. }
  25. .app-content-top-area {
  26. padding: $lte-app-content-top-area-padding-y $lte-app-content-top-area-padding-x;
  27. border-bottom: $lte-app-content-top-area-top-border;
  28. }
  29. .app-content-bottom-area {
  30. padding: $lte-app-content-bottom-area-padding-y $lte-app-content-bottom-area-padding-x;
  31. margin-top: auto;
  32. margin-bottom: $lte-app-content-bottom-area-margin-bottom;
  33. border-top: $lte-app-content-bottom-area-top-border;
  34. }
  35. }