Skip to content

Instantly share code, notes, and snippets.

@zachleat
Created December 20, 2014 03:54
Show Gist options
  • Save zachleat/057d3050858e195544a0 to your computer and use it in GitHub Desktop.
Save zachleat/057d3050858e195544a0 to your computer and use it in GitHub Desktop.
Compass linear-gradient output
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZTAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0YmEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f8e000), color-stop(100%, #f4ba00));
background: -moz-linear-gradient(left, #f8e000, #f4ba00);
background: -webkit-linear-gradient(left, #f8e000, #f4ba00);
background: linear-gradient(to right, #f8e000, #f4ba00);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment