Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$basefont: 'Arimo',Arial,sans-serif;
$basefontsize: 12px;
$basegutter: 15px;
$min-width: 1100px;

$breakpoints: (
	'widscreen-up' '(min-width: 1945px)',
	'desktop' '(max-width: 1600px)',
	'laptop' '(max-width: 1355px)',
	'netbook' '(max-width: 1240px)',
	'tablet_l' '(max-width: 1170px)',
	'base' '(max-width: #{$min-width})'
);

@mixin bp($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $breakpoints{
          $name: nth($breakpoint, 1);
          $declaration: nth($breakpoint, 2);

          @if $media-query == $name and $declaration{
                  $breakpoint-found: true;

                  @media only screen and #{$declaration}{
                          @content;
                  }
          }
  }

  @if $breakpoint-found == false {
          @media only screen and #{$media-query}{
                  @content;
          }
  }
}


body {
	min-width: $min-width;
	padding-top: 8.2%;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	font-family: $basefont;
	@include bp(laptop) {
		padding-top: 8.4%;
	}
	@include bp(netbook) {
		padding-top: 8.8%;
	}
	@include bp(tablet_l) {
		padding-top: 9.4%;
	}
	@include bp(base) {
		padding-top: 102px
	}
	@include bp(widscreen-up) {
		padding-top: 150px;
	}
}

SassMeister-output.css

body {
  min-width: 1100px;
  padding-top: 8.2%;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6;
  font-family: "Arimo", Arial, sans-serif;
}
@media only screen and (max-width: 1355px) {
  body {
    padding-top: 8.4%;
  }
}
@media only screen and (max-width: 1240px) {
  body {
    padding-top: 8.8%;
  }
}
@media only screen and (max-width: 1170px) {
  body {
    padding-top: 9.4%;
  }
}
@media only screen and (max-width: 1100px) {
  body {
    padding-top: 102px;
  }
}
@media only screen and (min-width: 1945px) {
  body {
    padding-top: 150px;
  }
}