[Cover one <div> with another completely] Allows for a specific amount of padding/inset from the edge of the parent div. #scss #css

mixins.scss

@mixin cover($pos:absolute,$inset:0px) {
  position: $pos;
  bottom: $inset; 
  left: $inset;
  right: $inset;
  top: $inset;
  width: calc(100% - (#{$inset} * 2));
  height: calc(100% - (#{$inset} * 2)); 
}


.parent-div {
  .child-div {
    @include cover(fixed,10px);
  }
}