Skip to content

Instantly share code, notes, and snippets.

@quattromani

quattromani/SassMeister-input-HTML.html

Created April 28, 2015 17:30
Show Gist options
  • Save quattromani/b936cb440aa54ddb7d14 to your computer and use it in GitHub Desktop.
Save quattromani/b936cb440aa54ddb7d14 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="background-image" style="height: 1000px; background-image: url(http://cdn.sixrevisions.com/0431-01_responsive_background_image_demo/images/background-photo.jpg)"></div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
.background-image {
max-width: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
}
Raw
SassMeister-output.css
.background-image {
max-width: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
}
Raw
SassMeister-rendered.html
<div class="background-image" style="height: 1000px; background-image: url(http://cdn.sixrevisions.com/0431-01_responsive_background_image_demo/images/background-photo.jpg)"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment