rcaracaus

// ----
// libsass (v0.7.0)
// ----

.component {
  content: "my component style";
  .lt-ie9 & {
    content: "my random ie fixes for JUST this component";
  }
}

rcaracaus

@mixin hdpi-sprite($sprite-folder, $sprite) {
  $sprite-map:            sprite-map("sprites/" + $sprite-folder + "/1x/*.png", $layout: smart);
  $sprite-map-2x:         sprite-map("sprites/" + $sprite-folder + "/2x/*.png", $layout: smart);
  background: sprite($sprite-map, $sprite) no-repeat;
  @include breakpoint($hr-display) {
    background-image:sprite-url($sprite-map-2x);
    background-size:image-width(sprite-path($sprite-map)) auto;
  }
}

rcaracaus

#views_slideshow_cycle_teaser_section_slideshow-block, 
.views_slideshow_cycle_slide { @extend %cycle-overrides; }

  @include breakpoint(0px $break-slideshow) {
    %cycle-overrides { display: block !important; height: auto !important; position: static !important; opacity: 1 !important; }
  }

  @include breakpoint($break-large) {
    %cycle-overrides { width: 100% !important; }
  }

rcaracaus

// Define Button
%button { background: red; }

// File #1
button, a.button { @extend %button; } 

// File #2
input[type=submit], #some-classs { @extend %button; }

// File #3