_abstract.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. //&:extend(._layout-width all);
  6. ._layout-width {
  7. padding-left: 30px;
  8. padding-right: 30px;
  9. }
  10. .visually-hidden {
  11. .visually-hidden();
  12. }
  13. .validation-symbol {
  14. &:after {
  15. content: '*';
  16. color: @validation__color;
  17. font-weight: normal;
  18. margin-left: 3px;
  19. }
  20. }
  21. .validation-symbol-light {
  22. &:after {
  23. content: '*';
  24. color: @validation__color-light;
  25. font-weight: normal;
  26. margin-left: 3px;
  27. }
  28. }
  29. .ellipsis {
  30. overflow: hidden;
  31. text-overflow: ellipsis;
  32. }
  33. .nowrap {
  34. white-space: nowrap;
  35. }
  36. .delete-first-last-border {
  37. &:first-child {
  38. border-left: 0;
  39. }
  40. &:last-child {
  41. border-right: 0;
  42. }
  43. }
  44. .massaction-form-inline-label-reset {
  45. .label {
  46. padding: 0;
  47. width: auto;
  48. }
  49. }
  50. // Table columns widths
  51. .col-50 {
  52. width: 50px;
  53. }
  54. .col-70 {
  55. width: 70px;
  56. }
  57. .col-70-max {
  58. max-width: 70px;
  59. width: 70px;
  60. }
  61. .col-150-max {
  62. max-width: 150px;
  63. width: 150px;
  64. }
  65. .col-220-max {
  66. max-width: 220px;
  67. width: 220px;
  68. }
  69. .col-110-max {
  70. max-width: 110px;
  71. width: 110px;
  72. }
  73. .col-370-max {
  74. max-width: 370px;
  75. width: 370px;
  76. }
  77. .col-570-max {
  78. max-width: 570px;
  79. width: 570px;
  80. }
  81. .col-670-max {
  82. max-width: 670px;
  83. width: 670px;
  84. }
  85. .col-auto {
  86. width: auto;
  87. }
  88. .col-40 {
  89. width: 40px;
  90. }
  91. .side-paddings-0 {
  92. padding-left: 0;
  93. padding-right: 0;
  94. }
  95. .col-actions-links {
  96. display: block;
  97. margin: 0 0 3px;
  98. white-space: nowrap;
  99. }
  100. .data-table-td-max {
  101. .data-table td {
  102. &:extend(.ellipsis all);
  103. max-width: 250px;
  104. width: 250px;
  105. }
  106. }
  107. .h-scroll {
  108. overflow-x: auto;
  109. }
  110. .add-clearer {
  111. .lib-clearer();
  112. }