/*
 * Table List Component
 * Bordered item lists for courses, coupons, etc.
 */

@layer components {
  .table-list {
    & > * {
      border-bottom: var(--border-subtle);
    }

    & > *:last-child {
      border-bottom: none;
    }
  }

  .table-list__item {
    display: block;
    padding: var(--block-space) var(--block-space-double);
    transition: background-color 150ms ease;

    @media (any-hover: hover) {
      &:hover {
        background-color: var(--color-gray-lightest);
      }
    }
  }

  /* Admin-density overrides */
  body.full .table-list__item {
    padding: var(--block-space-3quarter) var(--block-space);
  }
}