Skip to content

Instantly share code, notes, and snippets.

@derhasi

derhasi/SassMeister-input-HTML.html

Created September 8, 2015 14:01
Show Gist options
  • Save derhasi/176313fa1f1aa84189a8 to your computer and use it in GitHub Desktop.
Save derhasi/176313fa1f1aa84189a8 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="gallery">
<img src="http://i3.bstatic.de/sites/default/files/styles/gallery_large/public/gettyimages-478925238.jpg?itok=IqPfTVbU">
<!--<img src="http://i3.bstatic.de/sites/default/files/styles/gallery_large/public/ddpimages_05879631.jpg?itok=zai-mIxT">-->
</div>
Raw
SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
.gallery {
position: absolute;
background: red;
width: 100%;
height: 100%;
}
img {
zoom: 4;
display: block;
margin: auto;
height: auto;
max-height: 100%;
width: auto;
max-width: 100%;
}
Raw
SassMeister-output.css
.gallery {
position: absolute;
background: red;
width: 100%;
height: 100%;
}
img {
zoom: 4;
display: block;
margin: auto;
height: auto;
max-height: 100%;
width: auto;
max-width: 100%;
}
Raw
SassMeister-rendered.html
<div class="gallery">
<img src="http://i3.bstatic.de/sites/default/files/styles/gallery_large/public/gettyimages-478925238.jpg?itok=IqPfTVbU">
<!--<img src="http://i3.bstatic.de/sites/default/files/styles/gallery_large/public/ddpimages_05879631.jpg?itok=zai-mIxT">-->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment