_data-grid.less 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. //
  6. // Variables -> Data Grid
  7. // _____________________________________________
  8. @data-grid__font-size: 1.3rem;
  9. @data-grid-tr__active__background-color: @action__hover__background-color;
  10. @data-grid-tr__hover__background-color: lighten(@action__hover__background-color, 1%);
  11. @data-grid-cell__border-width: .1rem;
  12. @data-grid-cell__padding-horizontal: 1rem;
  13. @data-grid-cell__padding-vertical: 1rem;
  14. @data-grid-td__border-color: @color-gray84;
  15. @data-grid-td__border-inner-style: dashed;
  16. @data-grid-td__border-outer-style: solid;
  17. @data-grid-td__even__background-color: @color-white-smoke;
  18. @data-grid-td__even__dragging__background-color: @color-light-gray0;
  19. @data-grid-td__even__edit__background-color: darken(@data-grid-td__even__background-color, 10%);
  20. @data-grid-td__odd__background-color: @page__background-color;
  21. @data-grid-td__odd__dragging__background-color: @color-gray85;
  22. @data-grid-td__odd__edit__background-color: darken(@data-grid-td__odd__background-color, 10%);
  23. @data-grid-td__update__active__background-color: #bceeff;
  24. @data-grid-td__update__upcoming__background-color: #ccf391;
  25. @data-grid-td__odd__update__active__background-color: darken(@data-grid-td__update__active__background-color, 10%);
  26. @data-grid-td__odd__update__upcoming__background-color: darken(@data-grid-td__update__upcoming__background-color, 10%);
  27. @data-grid-th__border-color: @color-darker-gray;
  28. @data-grid-th__border-style: solid;
  29. @data-grid-th__background-color: @color-brownie;
  30. @data-grid-th__color: @color-white;
  31. @data-grid-th__padding-horizontal: @data-grid-cell__padding-horizontal;
  32. @data-grid-th__padding-vertical: @data-grid-cell__padding-vertical;
  33. @data-grid-th__hover__background-color: lighten(@data-grid-th__background-color, 5%);
  34. @data-grid-th-marker__width: .7rem;
  35. @data-grid-th-marker__required__color: lighten(@color-light-phoenix, 10%);
  36. @data-grid-checkbox-cell-inner__padding-top: 1.1rem;
  37. @data-grid-checkbox-cell-inner__padding-horizontal: 1.8rem;
  38. @data-grid-row-parent-marker__size: 1rem;
  39. @data-grid-editable-row-actions__width: 25rem;
  40. @data-grid-editable-cell__border-color: @color-gray68;
  41. @data-grid-bulk-edit-panel__background-color: @color-lazy-sun-white;
  42. @data-grid-td__dragging__background-color: @color-light-gray0;
  43. @data-grid-td__dragging__opacity: 95%;
  44. @data-grid-dragging-copy__border: 1px solid @data-grid-dragging-copy__border-color;
  45. @data-grid-dragging-copy__border-color: @color-blue-pure;
  46. @data-grid-dragging-copy__outline-color: @color-blue-pure;
  47. @data-grid-horizontal-dragover-mark__color: @color-blue-dodger;
  48. @data-grid-horizontal-dragover-mark__width: 3px;
  49. @data-grid-spinner__size: 4rem;
  50. @data-grid__no-records__font-size: @font-size__l;
  51. @data-grid__no-records__padding: @indent__l;
  52. // Header
  53. @data-grid-header-add-indent__bottom: .9rem;
  54. @data-grid-header-add-indent__top: .5rem;
  55. @data-grid-header-row__indent: @indent__base;
  56. @data-grid-action__z-index: @data-grid-header__z-index - 10;