Skip to content

Instantly share code, notes, and snippets.

@cimmanon

cimmanon/SassMeister-input-HTML.html

Created February 9, 2015 14:35
Show Gist options
  • Save cimmanon/fdc69840958b4932552b to your computer and use it in GitHub Desktop.
Save cimmanon/fdc69840958b4932552b to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="test-svg1"></div>
<div class="test-svg2"></div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
div {
height: 100px;
border: 1px solid;
}
.test-svg1 {
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20fill%3D%22%2300B1FF%22%20width%3D%22100%22%20height%3D%22100%22%2F%3E%3C%2Fsvg%3E');
}
.test-svg2 {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="#00B1FF" width="100" height="100"/></svg>');
}
Raw
SassMeister-output.css
div {
height: 100px;
border: 1px solid;
}
.test-svg1 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20fill%3D%22%2300B1FF%22%20width%3D%22100%22%20height%3D%22100%22%2F%3E%3C%2Fsvg%3E");
}
.test-svg2 {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="#00B1FF" width="100" height="100"/></svg>');
}
Raw
SassMeister-rendered.html
<div class="test-svg1"></div>
<div class="test-svg2"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment