/// Margins
.no-margin {
  margin: 0
}

.margin-auto {
  margin: auto;
}

.margin-top {
  margin-top: 0.75rem;
  &-lg {
    margin-top: 1.5rem;
  }
  &-xlg {
    margin-top: 2.25rem;
  }
  &-half {
    margin-top: 0.375rem;
  }
}

.margin-left {
  margin-left: 0.75rem;
  &-xs {
    margin-left: 0.25rem;
  }
  &-lg {
    margin-left: 1.5rem;
  }
  &-xlg {
    margin-left: 2.25rem;
  }
}

.margin-bottom {
  margin-bottom: 0.75rem;
  &-lg {
    margin-bottom: 1.5rem;
  }
  &-xlg {
    margin-bottom: 2.25rem;
  }
}

.margin-top-bottom {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

.margin-bottom-half {
  margin-bottom: 0.375rem;
}

.margin-top-bottom-half {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.margin-right {
  margin-right:	0.75rem;
  &-xs {
    margin-right: 0.25rem;
  }
  &-lg {
    margin-right: 1.5rem;
  }
}

.negative-margin-top {
  display: inline-block;
  &-sm {
    margin-top: -0.5rem;
  }
  &-lg {
    margin-top:  -1.5rem;
  }
}

/// Padding
.no-padding {
  padding: 0
}

.no-padding-left {
  padding-left: 0
}

.no-padding-right {
  padding-right: 0
}

.no-padding-bottom {
  padding-bottom: 0
}

.no-padding-top {
  padding-top: 0
}

.padding-left {
  padding-left: 0.75rem;
  &-xs {
    padding-left: 0.25rem;
  }
  &-lg {
    padding-left: 1.5rem;
  }
  &-xlg {
    padding-left: 2.25rem;
  }
}

.padding-right {
  padding-right: 0.75rem;
  &-xs {
    padding-right: 0.25rem;
  }
  &-lg {
    padding-right: 1.5rem;
  }
  &-xlg {
    padding-right: 2.25rem;
  }
}

.padding-bottom {
  padding-bottom: 0.375rem;

  &-lg {
    padding-bottom: 1.5rem;
  }
}

.padding-all {
  padding:	0.75rem;
  &-xs {
    padding: 0.25rem;
  }
  &-lg {
    padding: 1.5rem;
  }
}

.padding-top-bottom {
  padding: .75rem 0;

  &-half {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  &-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  &-xlg {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}