Practice/_src/desktop/scss/common/_utility.scss

/***************************************************************************************
 * 유틸리티
 ****************************************************************************************/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;

  &.sr-only-focusable {
    &:active,
    &:focus {
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
  }
}

.clearfix {
  &,
  &:before,
  &:after {
    @include clear-fix();
  }
}

/* 높이/너비/마진/패딩 */
@for $i from 2 to 10 {
  .H#{$i * 5} {
    height: 5px * $i !important;
  }
}
@for $i from 2 to 20 {
  .W#{$i * 25} {
    width: 25px * $i !important;
  }
}
@for $i from 1 to 10 {
  .M#{$i * 5} {
    margin:5px * $i;
  }
  .MT#{$i * 5} {
    margin-top:5px * $i;
  }
  .MR#{$i*5} {
    margin-right:5px * $i;
  }
  .MB#{$i * 5} {
    margin-bottom:5px * $i;
  }
  .ML#{$i * 5} {
    margin-left:5px * $i;
  }
  .PT#{$i * 5} {
    padding-top:5px * $i;
  }
  .PR#{$i * 5} {
    padding-right:5px * $i;
  }
  .PB#{$i * 5} {
    padding-bottom:5px * $i;
  }
  .PL#{$i * 5} {
    padding-left:5px * $i;
  }
  .P#{$i * 5} {
    padding:5px * $i;
  }
}