Helper css classess

helpers.css.scss

.bg-white {
  background-color: #ffffff;
  color: black;
}

.bg-none {
  background-color: transparent;
}

.btn-center {
  display: block;
  margin: 0 auto;
}

@for $i from 0 through 10 {
  .top#{$i * 5} {
    margin-top: $i * 5px !important;
  }
}

@for $i from 0 through 10 {
  .right#{$i * 5} {
    margin-right: $i * 5px !important;
  }
}

@for $i from 0 through 10 {
  .bottom#{$i * 5} {
    margin-bottom: $i * 5px !important;
  }
}

@for $i from 0 through 10 {
  .padding#{$i * 5} {
    padding: $i * 5px !important;
  }
}

.pointer {
  cursor: pointer !important;
}

.validation-errors {
  color: red;
  h2 {
    font-size: 16px;
  }
  ul li {
    list-style-type: none;
  }
  ul {
    padding-left: 2px;
  }
}