// Copyright (C) 2018 The Trustees of Indiana University
// SPDX-License-Identifier: BSD-3-Clause

@use '../core' as *;

.#{$prefix}-list,
.#{$prefix}-list-inline,
.#{$prefix}-list-plain {
  display: flex;
  gap: $spacing-xs $spacing-sm;
  margin: $spacing-xs 0 0 0;
}

.#{$prefix}-list,
.#{$prefix}-list-plain {
  flex-direction: column;
}

.#{$prefix}-list-inline,
.#{$prefix}-list-plain {
  // Equivalent to `list-style: none`, but retains list semantics in VoiceOver.
  list-style: '';
  padding-left: 0;
}

.#{$prefix}-list,
.#{$prefix}-list-plain .#{$prefix}-list-plain {
  padding-left: $spacing-lg;
}

.#{$prefix}-list-inline {
  flex-direction: row;
  flex-wrap: wrap;
}

.#{$prefix}-list-reset {
  list-style: '';
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.#{$prefix}-list-description {
  margin: 0;

  :where(dt) {
    font-weight: $font-weight-bold;
    margin-top: $spacing-sm;
  }

  :where(dt + dt) {
    margin-top: 0;
  }

  :where(dd) {
    margin-left: 0;
  }
}