Skip to content

Instantly share code, notes, and snippets.

@ScarletPonytail
Last active June 25, 2019 15:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ScarletPonytail/1eba4a5f64192bd80c2de0e42b2d479d to your computer and use it in GitHub Desktop.
Save ScarletPonytail/1eba4a5f64192bd80c2de0e42b2d479d to your computer and use it in GitHub Desktop.
// Edge
// ---------------------------------------
@mixin edge-only(){
@supports (-ms-accelerator:true) {
& {
@content;
}
}
}
@include edge-only {
margin-top: -140px;
}
// Firefox
// ---------------------------------------
@mixin firefox-only {
@at-root {
@-moz-document url-prefix() {
& {
@content;
}
}
}
}
@include firefox-only {
margin-top: -140px;
}
// IE 11
// ---------------------------------------
@mixin ie-11-only {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
@content;
}
}
@mixin ie-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
@include ie-11-only {
.container-div {
@include ie-flex;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment