@aplus-frontend/ui/theme/ag-grid/custom-header.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

.b(ag-custom-header, {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1;
  &.sortable:hover {
    cursor: pointer;
  }
  &.align-center {
    justify-content: center;
  }
  &.align-right {
    justify-content: end;
  }
  &__sort-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: rgba(0,0,0,0.29);
    &:hover {
      color: rgba(0,0,0,0.57);
      cursor: pointer;
    }
    margin-left: 4px;
  }
  &__sorter-up.active {
    color: var(--ap-color-primary);
  }
  &__sorter-down {
    margin-top: -0.3em;
    &.active {
      color: var(--ap-color-primary);
    }
  }
});