_structure.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. //
  6. // Variables -> Structure
  7. // _____________________________________________
  8. //
  9. // Indents
  10. // ---------------------------------------------
  11. @indent__base: 2rem; // 20px
  12. @indent__xl: @indent__base * 2; // 40px
  13. @indent__l: @indent__base * 1.5; // 30px
  14. @indent__m: @indent__base * 1.25; // 25px
  15. @indent__s: @indent__base / 2; // 10px
  16. @indent__xs: @indent__base / 4; // 5px
  17. //
  18. // Z axis
  19. // ---------------------------------------------
  20. // z-index 2
  21. @action-multicheck__z-index: @z-index-2;
  22. // z-index 3
  23. @data-grid-header__z-index: @z-index-3;
  24. // z-index 4
  25. @page-actions__fixed__z-index: @z-index-4;
  26. @data-grid-overlay__z-index: @z-index-4;
  27. @data-grid-sticky-header__z-index: @page-actions__fixed__z-index - 2;
  28. @data-grid-overlay__z-index: @data-grid-sticky-header__z-index + 1;
  29. @actions-split__z-index: @data-grid-overlay__z-index + 1;
  30. // z-index 5
  31. @header__z-index: @z-index-5;
  32. @field-tooltip__z-index: @z-index-5;
  33. @action-select__z-index: @z-index-5;
  34. @admin__page-nav-tooltip__z-index: @field-tooltip__z-index;
  35. // z-index 7
  36. @menu__z-index: @z-index-7;
  37. // z-index 10
  38. @data-grid-dargging-copy__z-index: @z-index-10;
  39. // Base z-index for page wrapper to prevent inner page element overlap with pop-ups
  40. @page-wrapper__z-index__base: 1;
  41. //
  42. // Components
  43. // ---------------------------------------------
  44. @window__min-width: 1024px;
  45. @body__background-color: @color-white-smoke;
  46. @page-wrapper__indent-left: @menu__width;
  47. @page-wrapper__background-color: @color-white;
  48. @page-content__padding-horizontal: @content__indent;
  49. @page-content__padding-vertical: @content__indent;
  50. @content__indent: @indent__l;
  51. @menu__width: 8.8rem;
  52. @notices-wrapper__border-color: @color-gray83;