Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="center-me"></div>

SassMeister-input.scss

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

// Vertically and horizontally center something of unknown size inside and parent of unknown size.
@mixin centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-me {
  background: #eee;
  display: inline-block;
  padding: 5em;
  @include centered;
}

SassMeister-output.css

.center-me {
  background: #eee;
  display: inline-block;
  padding: 5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

SassMeister-rendered.html

<div class="center-me"></div>