.radius-round {
  border-radius: 50%;
}

@each $size in (smaller, small, normal, large, larger, largest) {
  .radius-$(size) {
    border-radius: var(--radius-$(size));
  }

  .radius-top-$(size) {
    border-top-left-radius: var(--radius-$(size));
    border-top-right-radius: var(--radius-$(size));
  }

  .radius-bottom-$(size) {
    border-bottom-left-radius: var(--radius-$(size));
    border-bottom-right-radius: var(--radius-$(size));
  }

  .radius-left-$(size) {
    border-top-left-radius: var(--radius-$(size));
    border-bottom-left-radius: var(--radius-$(size));
  }

  .radius-right-$(size) {
    border-bottom-right-radius: var(--radius-$(size));
    border-top-right-radius: var(--radius-$(size));
  }
}

.radius-top-normal-first-child:first-child {
  border-top-left-radius: var(--radius-normal);
  border-top-right-radius: var(--radius-normal);
}

.radius-bottom-normal-last-child:last-child {
  border-bottom-left-radius: var(--radius-normal);
  border-bottom-right-radius: var(--radius-normal);
}

.radius-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.radius-none {
  border-radius: 0;
}