@import "_variables";

.for(@list, @code) {
  & {
    .loop(@i:1) when (@i =< length(@list)) {
      @value: extract(@list, @i);

      @code();

      .loop(@i + 1);
    }

    .loop();
  }
}

.flag-icon {
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 1em;
  height: 1em;
  width: (21 / 15) * 1em;
  background-image: ~"url('@{flag-icons-path}/missing.svg')";

  &.flag-icon-square {
    height: 1em;
    width: 1em;
  }

  &:before {
    content: '\00a0';
  }

  .for(@flag-icons-elements, {
    &.flag-icon-@{value} {
      background-image: ~"url('@{flag-icons-path}/@{value}.svg')";
    }
  });
}