Skip to content

Instantly share code, notes, and snippets.

@rcaracaus
Created May 13, 2013 03:51
Show Gist options
  • Save rcaracaus/5566056 to your computer and use it in GitHub Desktop.
Save rcaracaus/5566056 to your computer and use it in GitHub Desktop.
Using @extend in mediaqueries.
#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; }
}
@include breakpoint($break-slideshow) {
%cycle-overrides { height: $slideshow-height !important; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment