Skip to content

Instantly share code, notes, and snippets.

@cimmanon

cimmanon/SassMeister-input-HTML.html

Created March 16, 2015 16:45
Show Gist options
  • Save cimmanon/4cdbeec14b691b2606fd to your computer and use it in GitHub Desktop.
Save cimmanon/4cdbeec14b691b2606fd to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="circle-thing">foo</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@import "compass/css3/images";
.gradient {
@include background-image(radial-gradient(ellipse at top right, white, black));
}
Raw
SassMeister-output.css
.gradient {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjEwMCUiIGN5PSIwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-radial-gradient(top right, ellipse, #ffffff, #000000);
background-image: -webkit-radial-gradient(top right, ellipse, #ffffff, #000000);
background-image: radial-gradient(ellipse at top right, #ffffff, #000000);
}
Raw
SassMeister-rendered.html
<div class="circle-thing">foo</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment