<commit_before>////
/// @group Typography
////

/// @since 0.1.0
%list {
  font-feature-settings: 'kern', 'onum', 'liga';
  margin-left: 2rem;
  padding: 0;
}

ul,
ol {
  @extend %list;
}

.list {
  @extend %list;

  &--unstyled {
    list-style: none;
    margin-left: 0;
    padding: 0;
  }

  &--featured {
    list-style: none outside;

    li,
    &__list-item {
      position: relative;

      &:before {
        color: $colour-nice-teal;
        content: get-glyph(bullet);
        font-size: 150%;
        left: -1.5rem;
        position: absolute;
        top: 0;

        @media print {
          color: $colour-true-black;
        }
      }
    }
  }
}<commit_msg>Add loose list style<commit_after>////
/// @group Typography
////

/// List placeholder
/// @since 0.1.0
%list {
  font-feature-settings: 'kern', 'onum', 'liga';
  margin-left: rem($spacing-large);
  padding: 0;
}

ul,
ol {
  @extend %list;
}

/// Base list class. Can be used with various modifiers.
/// @see .list--unstyled
/// @see .list--loose
/// @since 0.1.0
.list {
  @extend %list;

  // TODO: Do we need featured lists?
  &--featured {
    list-style: none outside;

    li,
    .list__item {
      position: relative;

      &:before {
        color: $colour-nice-teal;
        content: get-glyph(bullet);
        font-size: 150%;
        left: -1.5rem;
        position: absolute;
        top: 0;

        @media print {
          color: $colour-true-black;
        }
      }
    }
  }
}

/// Unstyled list modifier - remove bullets, padding etc.
/// Used as a modifier for `.list`.
/// Often used for lists of links.
/// @requires .list
/// @since 0.1.0
.list--unstyled {
  list-style: none;
  margin-left: 0;
  padding: 0;
}

/// Loose list style - with a gap between list items
/// @since 0.2.12
.list--loose {
  li,
  .list__item {
    margin-bottom: rem($spacing-x-small);
  }
}
{'fraction_non_alphanumeric': 0.1711229946524064, 'fraction_numerical': 0.01871657754010695, 'mean_word_length': 1.8262839879154078, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '928767', 'n_tokens_mistral': 714, 'n_tokens_neox': 670, 'n_words': 171}