@mixin data-table-background-mapping {
  .data-table th {
    .sort-by::before {
      border-bottom-color: $color--two-50;
    }

    .sort-by::after {
      border-top-color: $color--two-50;
    }

    .sort-by--up::before {
      border-bottom-color: $color-brand--two;
    }

    .sort-by--down::after {
      border-top-color: $color-brand--two;
    }
  }
}