@mixin exdent-horizontally($size, $selector: “*”) {

margin-left: -$size;
margin-right: -$size;
& > #{$selector} {
  padding-left: $size;
  padding-right: $size;
}

}

@mixin exdent-vertically($size, $selector: “*”) {

margin-top: -$size;
margin-bottom: -$size;
& > #{$selector} {
  padding-top: $size;
  padding-bottom: $size;
}

}