Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

@mixin root-selector ($class) {

    @at-root #{selector-append($class, &)} {
        @content
    }

}

.masthead {
    width: 768px;
    
    &.masthead-theme-standard {
        background-color: #fff;
    }

    &.in-story {
        position: fixed;
    }

    .lt-ie8 & {
        width: 315px; // ie7 min-width
    }

    // responsive

    .viewport-small-10 & {

        .flyout-panel {

            .search-input {
                width: 270px;
            }

        } // end flyout-panel

    } // end viewport-small-10

    // 765
    .viewport-medium-10 & {

        @include root-selector('.lt-ie8') {
            width: 750px;
       }

        .flyout-panel {
          
          @include root-selector('.has-xxl') {
            width: auto;
          }

            .search-input {
                width: 495px;
                
                @include root-selector('.lt-ie9') {
                    width: 250px;
                }
            }

        } // end flyout-panel

        &.in-story {

            .notifications-button {
                display: none;

                &.new {
                    display: inline-block;
                    
                    @include root-selector('.lt-ie10') {
                      display: inline;
                    }
                    
                }

            } // end notifications-button

        } // end theme-in-story

    } // end viewport-medium-10

} // end masthead-theme-standard

SassMeister-output.css

.masthead {
  width: 768px;
}
.masthead.masthead-theme-standard {
  background-color: #fff;
}
.masthead.in-story {
  position: fixed;
}
.lt-ie8 .masthead {
  width: 315px;
}
.viewport-small-10 .masthead .flyout-panel .search-input {
  width: 270px;
}
.lt-ie8.viewport-medium-10 .masthead {
  width: 750px;
}
.has-xxl.viewport-medium-10 .masthead .flyout-panel {
  width: auto;
}
.viewport-medium-10 .masthead .flyout-panel .search-input {
  width: 495px;
}
.lt-ie9.viewport-medium-10 .masthead .flyout-panel .search-input {
  width: 250px;
}
.viewport-medium-10 .masthead.in-story .notifications-button {
  display: none;
}
.viewport-medium-10 .masthead.in-story .notifications-button.new {
  display: inline-block;
}
.lt-ie10.viewport-medium-10 .masthead.in-story .notifications-button.new {
  display: inline;
}