_ag-theme-balham-mixin.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. @import "../../ag-theme-base/sass/ag-theme-base";
  2. @import "./ag-theme-balham-default-params";
  3. @mixin ag-theme-balham($params: ()) {
  4. @include ag-allow-color-param-access-with-ag-param(false);
  5. $params: ag-process-theme-variables($params, $ag-theme-balham-default-params);
  6. @include ag-theme-base($params);
  7. .ag-filter-toolpanel-header,
  8. .ag-filter-toolpanel-search,
  9. .ag-status-bar,
  10. .ag-header-row {
  11. font-weight: 600;
  12. @include ag-color-property(color, header-foreground-color);
  13. }
  14. %ag-text-input {
  15. @include ag-theme-rtl((
  16. padding-left: ag-param(grid-size),
  17. ));
  18. }
  19. .ag-column-drop-vertical-empty-message, .ag-status-bar {
  20. font-weight: 600;
  21. @include ag-color-property(color, disabled-foreground-color);
  22. }
  23. .ag-dnd-ghost {
  24. font-weight: 600;
  25. }
  26. .ag-tab {
  27. border: 1px solid transparent;
  28. padding: ag-param(grid-size) ag-param(grid-size) * 2;
  29. margin: ag-param(grid-size);
  30. margin-bottom: -1px; // shift down 1px to make tab background blend with area below
  31. }
  32. .ag-tab-selected {
  33. @include ag-color-property(background-color, background-color);
  34. @include ag-color-property(border-color, border-color);
  35. border-bottom-color: transparent;
  36. }
  37. .ag-tabs-header {
  38. border-bottom: 1px solid;
  39. @include ag-color-property(border-bottom-color, border-color);
  40. }
  41. .ag-column-drop-cell {
  42. height: ag-param(grid-size) * 6;
  43. }
  44. .ag-column-drop-vertical-title {
  45. @include ag-color-property(color, foreground-color);
  46. }
  47. .ag-column-drop-vertical-cell {
  48. margin-left: ag-param(grid-size) * 2;
  49. margin-right: ag-param(grid-size) * 2;
  50. }
  51. .ag-column-drop-vertical-cell-text {
  52. margin-left: ag-param(grid-size) * 2;
  53. }
  54. .ag-column-drop-vertical-icon {
  55. @include ag-color-property(color, secondary-foreground-color);
  56. }
  57. .ag-column-drop-vertical-empty-message {
  58. @include ag-theme-rtl((
  59. padding-left: ag-param(icon-size) + ag-param(grid-size) * 2,
  60. padding-right: ag-param(grid-size)
  61. ));
  62. }
  63. .ag-column-drop-horizontal {
  64. height: ag-param(header-height);
  65. }
  66. .ag-column-drop-empty {
  67. @include ag-color-property(color, disabled-foreground-color);
  68. }
  69. .ag-column-drop-horizontal-cell-text {
  70. margin-left: ag-param(grid-size) * 2;
  71. }
  72. .ag-column-drop-vertical {
  73. padding-top: ag-param(grid-size) * 2;
  74. }
  75. .ag-menu-header {
  76. @include ag-color-property(background-color, header-background-color);
  77. }
  78. .ag-overlay-loading-center {
  79. @include ag-color-property(background-color, background-color);
  80. border: 1px solid;
  81. @include ag-color-property(border-color, border-color);
  82. @include ag-color-property(color, foreground-color);
  83. padding: ag-param(grid-size) * 4;
  84. }
  85. .ag-tooltip {
  86. border: none;
  87. background-color: #cbd0d3;
  88. }
  89. .ag-panel-title-bar-button-icon {
  90. font-size: ag-param(icon-size) + ag-param(grid-size);
  91. }
  92. .ag-chart-data-section,
  93. .ag-chart-format-section {
  94. padding-bottom: ag-param(grid-size) * 0.5;
  95. }
  96. .ag-group-toolbar {
  97. @include ag-color-property(background-color, subheader-toolbar-background-color);
  98. }
  99. .ag-chart-tab {
  100. padding-top: ag-param(grid-size) / 2;
  101. }
  102. .ag-charts-format-sub-level-group-item {
  103. margin-bottom: ag-param(grid-size) * 1.5;
  104. }
  105. @include ag-allow-color-param-access-with-ag-param(true);
  106. }