_structure.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. //
  6. // Structure
  7. // _____________________________________________
  8. html {
  9. height: 100%;
  10. }
  11. body {
  12. &:extend(.abs-clearer all);
  13. background-color: @body__background-color;
  14. min-height: 100%;
  15. min-width: 102.4rem;
  16. }
  17. .page-wrapper {
  18. background-color: @page-wrapper__background-color;
  19. display: inline-block;
  20. margin-left: -4px; // Clear inline-block gap
  21. vertical-align: top;
  22. width: ~'calc(100% - @{menu__width})';
  23. }
  24. .page-content {
  25. &:extend(.abs-clearfix all);
  26. padding-bottom: @page-content__padding-vertical;
  27. padding-left: @page-content__padding-horizontal;
  28. padding-right: @page-content__padding-horizontal;
  29. }
  30. // ToDo UI: should be moved to messages
  31. .notices-wrapper {
  32. margin: 0 3rem;
  33. min-height: 5rem;
  34. .messages {
  35. margin-bottom: 0;
  36. }
  37. }
  38. .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
  39. .page-layout-admin-2columns-left {
  40. .page-columns {
  41. #mix-grid .row();
  42. .main-col {
  43. #mix-grid .width(9,12);
  44. float: right;
  45. }
  46. .side-col {
  47. #mix-grid .column(3,12);
  48. }
  49. }
  50. }
  51. }