/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

// This file defines styles for list type items, like: .sep, .list-header and ul.bullet.

.sep {
  display: inline-flex;
  align-items: center;
  &:before {
    font-size: $size-5;
    color: $blue-500;
    content: '|';
    position: relative;
  }
}

.list-header {
  margin: $size-9 $size-9 0;
  color: $grey;
  font-size: $size-8;
  font-weight: $font-weight-semibold;
  text-transform: uppercase;
}

ul.bullet {
  list-style: disc;
  padding-left: $spacing-m;
}
