Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>hello</div>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$keren-color-1: blue;
$keren-size-1: 10px;

div {
  background: $keren-color-1;
  width: 5*$keren-size-1;
  height: 5*$keren-size-1;
  position: fixed;
  -webkit-transform: translate(-50%,-50%);
  transition: all 1s ease-in-out 0s;
  top: 50%;
  left: 50%;
}

SassMeister-output.css

div {
  background: blue;
  width: 50px;
  height: 50px;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transition: all 1s ease-in-out 0s;
  top: 50%;
  left: 50%;
}

SassMeister-rendered.html

<div>hello</div>