$v-spacing-xs: 6px;
$v-spacing-sm: 12px;
$v-spacing-md: 18px;
$v-spacing-lg: 30px;
$v-spacing-xl: 42px;

.mx-whitespace{
  display: block;
  &.mx-whitespace-xs{
    height:$v-spacing-xs;
  }
  &.mx-whitespace-sm{
    height:$v-spacing-sm;
  }
  &.mx-whitespace-md{
    height:$v-spacing-md;
  }
  &.mx-whitespace-lg{
    height:$v-spacing-lg;
  }
  &.mx-whitespace-xl{
    height:$v-spacing-xl;
  }
}