Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

SassMeister-input.scss

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$ratio:16/10;
$width:1024px;
$height:$width/$ratio;
$gap:100px;
$ratio:2;

div {
  float:left;
  margin:0 (0 - $width*(1 - 1/$ratio)) ($gap - $height*(1 - 1/$ratio)) $gap;
  width:$width;
  height:$height;
  background:#069;
  transform-origin:0 0;
  transform:scale(1 / $ratio);
}

SassMeister-output.css

div {
  float: left;
  margin: 0 -512px -220px 100px;
  width: 1024px;
  height: 640px;
  background: #069;
  transform-origin: 0 0;
  transform: scale(0.5);
}

SassMeister-rendered.html

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>