@use "colours";

@mixin padding($top: 2rem, $right: 2rem, $bottom: 2rem, $left: 2rem) {
  padding-bottom: $bottom;
  padding-left: $left;
  padding-right: $right;
  padding-top: $top;
}

@mixin margin($top: auto, $right: auto, $bottom: auto, $left: auto) {
  margin-bottom: $bottom;
  margin-left: $left;
  margin-right: $right;
  margin-top: $top;
}

@mixin pageBase {
  @include padding($bottom: 1rem, $top: 1rem);

  background-color: colours.base("01");
}
