@use "../../../styles/tokens/space";
@use "../../../styles/tools/convert";
@use "../../../styles/typography/mixins" as typoMixins;
@use "./config";

@mixin base() {
  @include typoMixins.list-unstyled;
  @include typoMixins.text-readable;

  margin: 0 0 space.get("large") 0;
  padding: 0;
  font-weight: bold;
}

@mixin item($spacing: config.$spacing) {
  display: flex;
  flex-flow: row;
  margin-bottom: space.get("small");
}

@mixin icon($spacing: config.$spacing) {
  flex: 0 0 auto;
  margin-right: $spacing;
}

@mixin content() {
  flex: 1 0 1px;
  margin-top: convert.to-rem(2px);
}

@mixin content-text() {
  white-space: normal;
}
