Grid.scss 1013 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /**
  2. * @class Ext.grid.Grid
  3. */
  4. /**
  5. * @var {color}
  6. * background-color for the resize indicator that displays when resizing columns in the grid
  7. */
  8. $grid-resize-marker-background-color: dynamic($neutral-dark-color);
  9. /**
  10. * @var {number}
  11. * Width of the resize indicator that displays when resizing columns in the grid
  12. */
  13. $grid-resize-marker-width: dynamic(1px);
  14. /**
  15. * Creates a visual theme for a Grid.
  16. *
  17. * @param {string} $ui
  18. * @param {color} $resize-marker-background-color
  19. * @param {number} $resize-marker-width
  20. *
  21. * The name of the UI being created. Can not included spaces or special punctuation
  22. * (used in CSS class names).
  23. *
  24. */
  25. @mixin grid-ui(
  26. $ui: null,
  27. $resize-marker-background-color: null,
  28. $resize-marker-width: null
  29. ) {
  30. $ui-suffix: ui-suffix($ui);
  31. .#{$prefix}grid#{$ui-suffix} {
  32. .#{$prefix}resize-marker-el {
  33. background-color: $resize-marker-background-color;
  34. width: $resize-marker-width;
  35. z-index: 1;
  36. }
  37. }
  38. }