Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v2.0.0)
// ----

// Vertical Rhythm
$base-font-size    : 16px !default;
$base-line-height  : 1.5625; // ~ 25px @ 16px
$base-spacing-unit : $base-font-size;
$half-spacing-unit : $base-font-size/2;

// =============================================================================
// BREAKPOINTS
// =============================================================================
$bp0: 0;
$bp1: 33.5em; // ~ 536px @ 16px
$bp2: 48em; // 768px @ 16px
$bp3: 64em; // ~ 1024x @ 16px

// =============================================================================
// Z-INDEX STACK
// =============================================================================
$z-index-nav      : 990;

// =============================================================================
// 8. FINGERPRINT
// =============================================================================

$fingerprint: "20131105";
// =============================================================================
// MOBILE FIRST MEDIA QUERIES WITH <IE9 fallback
// =============================================================================

// @see https://github.com/jakearchibald/sass-ie
$fix-mqs: false !default;

// min width query
@mixin mq-min($width) {
  @if $fix-mqs {
    @if $fix-mqs >= $width {
      @content;
    }
  }
  @else {
    @media screen and (min-width: $width) {
      @content;
    }
  }
}
// max width query
@mixin mq-max($width) {
  @if $fix-mqs {
    @if $fix-mqs <= ($width - strip-units(1/$base-font-size)) {
      @content;
    }
  }
  @else {
    @media screen and (max-width: $width - strip-units(1/$base-font-size)) {
      @content;
    }
  }
}
// single breakpoint query
@mixin mq($width) {
  @if $fix-mqs {
    @if $fix-mqs <= $width {
      @content;
    }
  }
  @else {
    @media screen and (min-width: $width) and (max-width: next-bp($width)) {
      @content;
    }
  }
}
// multi breakpoint query
@mixin multi-mq($width1, $width2) {
  @if $fix-mqs {
    @if $fix-mqs <= ($width1 - strip-units(1/$base-font-size)) {
      @content;
    }
  }
  @else {
    @if $width1 == $bp0 {
      @media screen and (max-width: next-bp($width2)) {
        @content;
      }
    }
    @else {
      @media screen and (min-width: $width1) and (max-width: next-bp($width2)) {
        @content;
      }
    }
  }
}
// calculate next breakpoint
@function next-bp($width) {
  @if $width == $bp1 {
    @return $bp2 - strip-units(1/$base-font-size);
  }
  @else if $width == $bp2 {
    @return $bp3 - strip-units(1/$base-font-size);
  }
}

// =============================================================================
// OLD-IE
// =============================================================================

// styles specific for <IE9
// use this if you want to output styles in the old-ie.css file and not pollute
// the default css file with hacks
// @see https://github.com/jakearchibald/sass-ie
$old-ie: false !default;

@mixin old-ie {
  @if $old-ie {
    @content;
  }
}

@mixin hidpi($ratio: 1.3) {
  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
  only screen and (min-resolution: #{round($ratio*96)}dpi) {
    @content;
  }
}

.identity {
  width: 165px;
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block;
  position: relative;
  top: 5px;
  background: url(../img/logos/logo.png?#{$fingerprint}) no-repeat 0 0;
  @include hidpi {
    background-image: url(../img/logos/[email protected]?#{$fingerprint});
    -webkit-background-size: 165px 21px;
    background-size: 165px 21px;
  }
  @include hidpi {
    background-image: url(../img/logos/[email protected]?#{$fingerprint});
    -webkit-background-size: 165px 21px;
    background-size: 165px 21px;
  }
  @include mq-min($bp1) {
    position: static;
    width: 238px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/logos/logo.png?#{$fingerprint});
    @include hidpi {
      -webkit-background-size: 238px 30px;
      background-size: 238px 30px;
      background-image: url(../img/logos/[email protected]?#{$fingerprint});
    }
  }
  @include mq-min($bp2) {
    position: absolute;
    top: auto;
    left: 50%;
    margin-left: -119px;
    bottom: 13px;
    z-index: $z-index-nav + 1;
  }
  @include mq-min($bp3) {
    width: 314px;
    height: 40px;
    margin-left: -157px;
    background-image: url(../img/logos/logo.png?#{$fingerprint});
    @include hidpi {
      -webkit-background-size: 314px 40px;
      background-size: 314px 40px;
      background-image: url(../img/logos/[email protected]?#{$fingerprint});
    }
  }
}

SassMeister-output.css

.identity {
  width: 165px;
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block;
  position: relative;
  top: 5px;
  background: url(../img/logos/logo.png?20131105) no-repeat 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi) {
    .identity {
      background-image: url(../img/logos/[email protected]?20131105);
      -webkit-background-size: 165px 21px;
      background-size: 165px 21px; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi) {
    .identity {
      background-image: url(../img/logos/[email protected]?20131105);
      -webkit-background-size: 165px 21px;
      background-size: 165px 21px; } }
  @media screen and (min-width: 33.5em) {
    .identity {
      position: static;
      width: 238px;
      height: 30px;
      margin-left: auto;
      margin-right: auto;
      background-image: url(../img/logos/logo.png?20131105); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi) {
        .identity {
          -webkit-background-size: 238px 30px;
          background-size: 238px 30px;
          background-image: url(../img/logos/[email protected]?20131105); } } }
  @media screen and (min-width: 48em) {
    .identity {
      position: absolute;
      top: auto;
      left: 50%;
      margin-left: -119px;
      bottom: 13px;
      z-index: 991; } }
  @media screen and (min-width: 64em) {
    .identity {
      width: 314px;
      height: 40px;
      margin-left: -157px;
      background-image: url(../img/logos/logo.png?20131105); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi) {
        .identity {
          -webkit-background-size: 314px 40px;
          background-size: 314px 40px;
          background-image: url(../img/logos/[email protected]?20131105); } } }