Skip to content

Instantly share code, notes, and snippets.

@georgecrawford
Created March 20, 2014 16:30
Show Gist options
  • Select an option

  • Save georgecrawford/9667959 to your computer and use it in GitHub Desktop.

Select an option

Save georgecrawford/9667959 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
@mixin largescreen() {
@media all and (orientation: landscape) and (min-width: 600px) and (min-height: 400px) {
@content;
}
}
@mixin econ-flexbox() {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
%flexbox { @include econ-flexbox; }
%flexbox-large {
@include largescreen {
@include econ-flexbox;
}
}
.test1 {
@include largescreen {
@extend %flexbox-large;
}
}
.test2 {
@include largescreen {
@extend %flexbox-large;
}
}
.test3 {
@extend %flexbox;
}
.test3 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media all and (orientation: landscape) and (min-width: 600px) and (min-height: 400px) {
.test1, .test2 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment