//No margins
.margin-0 {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-right-0 {
  margin-right: 0;
}

// All sides
.margin-xxs {
  margin: $margin-xxs;
}

.margin-xs {
  margin: $margin-xs;
}

.margin-s {
  margin: $margin-s;
}

.margin-m {
  margin: $margin-m;
}

.margin-l {
  margin: $margin-l;
}

.margin-xl {
  margin: $margin-xl;
}

.margin-xxl {
  margin: $margin-xxl;
}


// Top
.margin-top-xxs {
  margin-top: $margin-xxs;
}

.margin-top-xs {
  margin-top: $margin-xs;
}

.margin-top-s {
  margin-top: $margin-s;
}

.margin-top-m {
  margin-top: $margin-m;
}

.margin-top-l {
  margin-top: $margin-l;
}

.margin-top-xl {
  margin-top: $margin-xl;
}

.margin-top-xxl {
  margin-top: $margin-xxl;
}


// Bottom
.margin-bottom-xxs {
  margin-bottom: $margin-xxs;
}

.margin-bottom-xs {
  margin-bottom: $margin-xs;
}

.margin-bottom-s {
  margin-bottom: $margin-s;
}

.margin-bottom-m {
  margin-bottom: $margin-m;
}

.margin-bottom-l {
  margin-bottom: $margin-l;
}

.margin-bottom-xl {
  margin-bottom: $margin-xl;
}

.margin-bottom-xxl {
  margin-bottom: $margin-xxl;
}


// Left
.margin-left-xxs {
  margin-left: $margin-xxs;
}

.margin-left-xs {
  margin-left: $margin-xs;
}

.margin-left-s {
  margin-left: $margin-s;
}

.margin-left-m {
  margin-left: $margin-m;
}

.margin-left-l {
  margin-left: $margin-l;
}

.margin-left-xl {
  margin-left: $margin-xl;
}

.margin-left-xxl {
  margin-left: $margin-xxl;
}


// Right
.margin-right-xxs {
  margin-right: $margin-xxs;
}

.margin-right-xs {
  margin-right: $margin-xs;
}

.margin-right-s {
  margin-right: $margin-s;
}

.margin-right-m {
  margin-right: $margin-m;
}

.margin-right-l {
  margin-right: $margin-l;
}

.margin-right-xl {
  margin-right: $margin-xl;
}

.margin-right-xxl {
  margin-right: $margin-xxl;
}