Practice/_src/common/scss/_utility.scss

.ellipsis { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.admin-help-wrap {
  width:700px; margin:0 auto;
  li > img {width:700px;}
  .point-color {color:#e60035}
}
.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 1 to 201 {
  .H#{$i * 5} {
    height: 5px * $i !important;
  }
}
@for $i from 1 to 201{
  .W#{$i * 5} {
    width: 5px * $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;
  }
}

.text-center {
  text-align:center !important;
}

.text-left {
  text-align:left !important;
}

.text-right {
  text-align:right !important;
}

.margin-auto {
  margin-left:auto !important;
  margin-right:auto !important;
}


.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}