@use "settings";

// MARGINS
.mar-auto {
  margin: auto;
}

.mar-big {
  margin: settings.$padding-big;
}

.mar-big-top {
  margin-top: settings.$padding-big;
}

.mar-big-bottom {
  margin-bottom: settings.$padding-big;
}

.mar-big-left {
  margin-left: settings.$padding-big;
}

.mar-big-right {
  margin-right: settings.$padding-big;
}

.mar-small {
  margin: settings.$padding-small;
}

.mar-small-top {
  margin-top: settings.$padding-small;
}

.mar-small-bottom {
  margin-bottom: settings.$padding-small;
}

.mar-small-left {
  margin-left: settings.$padding-small;
}

.mar-small-right {
  margin-right: settings.$padding-small;
}