SCSS place something in the four corners of a container

four-corners-classes.scss

$padding: 1em;
$positions: ("t", "l"), ("t", "r"), ("b", "r"), ("b", "l");
@each $v, $h in $positions {
  #{".position-" + $v + $h} {
    position: absolute;
    top: if($v == "t", $padding, auto);
    right: if($h == "r", $padding, auto);
    bottom: if($v == "b", $padding, auto);
    left: if($h == "l", $padding, auto);
  }
}
/* 
Outputs: 
 .position-tl { ...
 .position-tr { ...
 .position-br { ...
 .position-bl { ...
*/