// vf-list

@import 'package.variables.scss';
// Debug information from component's `package.json`:
// ---
/*!
 * Component: #{map-get($componentInfo, 'name')}
 * Version: #{map-get($componentInfo, 'version')}
 * Location: #{map-get($componentInfo, 'location')}
 */

.vf-list {
  @include list(vf-list);
  @include set-type(text-body--3);
}
.vf-list--ordered {
  @include list(vf-list--ordered, ordered);
}
.vf-list--unordered {
  @include list(vf-list--unordered, unordered);
}
.vf-list--inline  {
  @include list(vf-list--inline, inline);
  display: inline-block;
}

// VF definition lists
// https://github.com/visual-framework/vf-core/issues/914
// .vf-list--definition {
//   @include list(vf-list--unordered, unordered);
// }
.vf-list--definition__term {
  @include set-type(text-heading--4, $custom-margin-bottom: 8px);
}
.vf-list--definition__details {
  @include set-type(text-body--2);
}

// List links
.vf-list__link {
  @include inline-link;
}

// Utility style list modifiers
.vf-list--l {
  @include set-type(text-body--2);
}
.vf-list--tight {
  .vf-list__item {
    margin-bottom: map-get($vf-spacing-map, vf-spacing--100);
  }
}