// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.
@mixin fill {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}