Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@evantravers

evantravers/SassMeister-input-HTML.haml

Created April 3, 2014 14:28
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 evantravers/9955391 to your computer and use it in GitHub Desktop.
Save evantravers/9955391 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.haml
.container
.hero-image
%img(src="http://images.junkee.com/wp-content/uploads/2013/12/shia-labeouf-magic-gif.gif")
%h1 magic
Raw
SassMeister-input.scss
// ----
// libsass (v0.7.0)
// ----
.container {
display: table;
text-align: center;
vertical-align: middle;
height: 100vh;
width: 100%;
}
.hero-image {
display: table-cell;
text-align: center;
vertical-align: middle;
}
Raw
SassMeister-output.css
.container {
display: table;
text-align: center;
vertical-align: middle;
height: 100vh;
width: 100%; }
.hero-image {
display: table-cell;
text-align: center;
vertical-align: middle; }
Raw
SassMeister-rendered.html
<div class='container'>
<div class='hero-image'>
<img src='http://images.junkee.com/wp-content/uploads/2013/12/shia-labeouf-magic-gif.gif'>
<h1>magic</h1>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment