Skip to content

Instantly share code, notes, and snippets.

@ReneKriest

ReneKriest/SassMeister-input-HTML.html

Created September 16, 2014 14:37
Show Gist options
  • Save ReneKriest/8ff487029e36feeedff0 to your computer and use it in GitHub Desktop.
Save ReneKriest/8ff487029e36feeedff0 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class='flexcontainer height'>
<div>Item</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
.flexcontainer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.height {
height: 100vh;
}
Raw
SassMeister-output.css
.flexcontainer {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.height {
height: 100vh;
}
Raw
SassMeister-rendered.html
<div class='flexcontainer height'>
<div>Item</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment