@import '../../style/app';

.Yep-whitespace {
  &-xs {
    height: $v-spacing-xs;
  }

  &-sm {
    height: $v-spacing-sm;
  }

  &-md {
    height: $v-spacing-md;
  }

  &-lg {
    height: $v-spacing-lg;
  }

  &-xl {
    height: $v-spacing-xl;
  }
}

.Yep-whitespace-horizontal {
  &-xs {
    width: $v-spacing-xs;
  }

  &-sm {
    width: $v-spacing-sm;
  }

  &-md {
    width: $v-spacing-md;
  }

  &-lg {
    width: $v-spacing-lg;
  }

  &-xl {
    width: $v-spacing-xl;
  }
}