Generated by SassMeister.com.

SassMeister-input.scss

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

//Media Queries
$mq-size--small: 42em;
$mq-size--med: 47.5em;
$mq-size--large: 56.25em;

$mq-scale-dir: "min-width"; //"max-width"

$mq--small: "only screen and (#{$mq-scale-dir}: #{$mq-size--small})";
$mq--med: "only screen and (#{$mq-scale-dir}: #{$mq-size--med})";
$mq--large: "only screen and (#{$mq-scale-dir}: #{$mq-size--large})";


@media #{$mq--med} {

    .sidebar {
        width: 33.3%;
    }
}

SassMeister-output.css

@media only screen and (min-width: 47.5em) {
  .sidebar {
    width: 33.3%;
  }
}