SCSS place something in the four corners of a container

four-corners.scss

@for $i from 1 through 4 {
  .corner:nth-child(#{$i}){
    position: absolute;
    top: if($i < 3, 0, auto);
    right: if($i % 2 == 0, 0, auto);
    bottom: if($i > 2, 0, auto);
    left: if($i % 2 != 0, 0, auto);
  }
}