/**
 * 尺寸相关快捷样式类
 *
 * @since 1.0.0
 * @version 1.0.0
 */

$ui-width: namespace('w');
$ui-height: namespace('h');

$ui-size-map: (
  '0': 0,
  '10': 10%,
  '20': 20%,
  '25': 25%,
  '30': 30%,
  '40': 40%,
  '50': 50%,
  '60': 60%,
  '70': 70%,
  '75': 75%,
  '80': 80%,
  '90': 90%,
  '100': 100%,
  'auto': auto,
);

@each $key, $value in $ui-size-map {
  .#{$ui-width + $key} {
    width: $value;
  }

  .#{$ui-height + $key} {
    height: $value;
  }
}

/* ==========================================================================
    常用的尺寸定义
========================================================================== */

.wfull {
  width: 100vw;
}

.hfull {
  height: 100vh;
}

.wmfull {
  min-width: 100vw;
}

.hmfull {
  min-height: 100vh;
}