Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

@mixin center($max-width) {
    width: 100%;
    max-width: $max-width;
    margin: 0 auto;
}

.a { @include center(122px); font-size: 16px; }
.b { @include center(341px); color: red; }
.c { @include center(833px); text-align: center; }
.d { @include center(723px); background: none; }
.e { @include center(852px); border: 2px solid black; }
.f { @include center(324px); transform: translate(0, 0); }
.g { @include center(432px); overflow: hidden; }
.h { @include center(237px); float: left; }
.i { @include center(934px); clear: both; }
.j { @include center(427px); border-radius: 50%; }

SassMeister-output.css

.a {
  width: 100%;
  max-width: 122px;
  margin: 0 auto;
  font-size: 16px;
}

.b {
  width: 100%;
  max-width: 341px;
  margin: 0 auto;
  color: red;
}

.c {
  width: 100%;
  max-width: 833px;
  margin: 0 auto;
  text-align: center;
}

.d {
  width: 100%;
  max-width: 723px;
  margin: 0 auto;
  background: none;
}

.e {
  width: 100%;
  max-width: 852px;
  margin: 0 auto;
  border: 2px solid black;
}

.f {
  width: 100%;
  max-width: 324px;
  margin: 0 auto;
  transform: translate(0, 0);
}

.g {
  width: 100%;
  max-width: 432px;
  margin: 0 auto;
  overflow: hidden;
}

.h {
  width: 100%;
  max-width: 237px;
  margin: 0 auto;
  float: left;
}

.i {
  width: 100%;
  max-width: 934px;
  margin: 0 auto;
  clear: both;
}

.j {
  width: 100%;
  max-width: 427px;
  margin: 0 auto;
  border-radius: 50%;
}