@use "../tools/generate";
@use "config" as *;
@use "mixins" as *;
@use "sass:map" as sass-map;

// Headings pre elementy h1, h2, h3 atď.
@include headings-base($headings, "h$", $heading-base);
@include headings($headings, "h$");

// Headings pre triedy .h1, .h2, .h3 atď.
@include headings-base($headings, ".h$", $heading-base);
@include headings($headings, ".h$");

@include headings-base($displays, ".display-$", $display-base);
@include headings($displays, ".display-$");
@include body-text($body-text);
@include readability();

.caption {
  @include generate.css-map(sass-map.get($caption, "default"));
}

.caption--small {
  @include generate.css-map(sass-map.get($caption, "small"));
}

.caption--large {
  @include generate.css-map(sass-map.get($caption, "large"));
}

ol,
ul {
  @include list-base();
}

dl {
  @include description-list();
}

ul {
  @include ul-list-base();
}

ol,
ul {
  @each $name, $value in $list-spacing {
    &#{generate.variant-name($name, ".list-")} {
      @include list-spacing($name);
    }
  }
}

.list-unstyled {
  @include list-unstyled();
}

.list-circle {
  @include list-circle();
}

.list-square {
  @include list-square();
}

.list-no-offset {
  @include list-no-offset();
}

.list-inline {
  @include list-inline();
}

.list--marker-orange {
  @include list-marker-orange();
}