Skip to content

Instantly share code, notes, and snippets.

@akfzambrana
Last active November 20, 2017 13:12
Show Gist options
  • Save akfzambrana/93aa8b914945173b6ceafec6f6b53708 to your computer and use it in GitHub Desktop.
Save akfzambrana/93aa8b914945173b6ceafec6f6b53708 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$acessibility: '<svg fill="%23ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.4 129.4" xml:space="preserve"><g><path d="M38.6,129.4c-2.7-0.4-5.5-0.7-8.2-1.3c-15.5-3.5-27.9-17.1-29.9-32.9c-2.1-15.9,3.5-28.7,16.2-38.4c0.4-0.3,0.8-0.6,1.4-1 c0.2,2.3,0.3,4.4,0.5,6.5c0.3,5.2,0.7,10.3,1,15.5c0.4,5.2,4.4,9.1,9.6,9.2C40.4,87,51.6,87,62.9,87c1.1,0,1.8,0.3,2.4,1.4 c3.2,6,6.5,12,9.8,17.9c0.4,0.7,0.5,1.3,0,2.1c-7.2,12.4-17.9,19.4-32.2,20.8c-0.4,0-0.8,0.1-1.2,0.2 C40.6,129.4,39.6,129.4,38.6,129.4z"/><path d="M34,0c0.7,0.2,1.5,0.3,2.2,0.5C41.5,2,45,7.3,44.3,12.7c-0.7,5.7-5.4,9.9-11.1,10c-5.5,0.1-10.4-4.1-11.2-9.5 C21,7,25.2,1.2,31.4,0.2c0.3,0,0.6-0.2,0.8-0.2C32.8,0,33.4,0,34,0z"/><path d="M44.9,43.9c0.6,0,1.1,0,1.5,0c6.2,0,12.4,0,18.6,0c3.3,0,5.4,2.1,5.4,5.3c0,3.2-2.2,5.3-5.5,5.3c-5.9,0-11.8,0-17.7,0 c-0.5,0-1,0-1.7,0c0.2,2.6,0.3,5,0.5,7.7c0.6,0,1.1,0,1.6,0c7.5,0,15.1,0,22.6,0c4.2,0,7.3,1.6,9.4,5.5c5.1,9.5,10.3,19,15.5,28.5 c1,1.8,1.5,3.7,1.1,5.7c-1,4.9-6,7.1-10.2,4.3c-1.2-0.8-2.3-2.1-3.1-3.4c-4.2-7.5-8.3-15-12.4-22.6c-0.4-0.8-0.9-1.1-1.9-1.1 c-11.3,0-22.6,0-33.8,0c-5.4,0-9.4-3.9-9.8-9.2C24.4,58.9,23.7,48,22.9,37c-0.3-4.4,0.9-7.9,4.8-10.2c3.2-1.9,10-2.2,13.3,0.9 c2.1,2,3.2,4.4,3.3,7.3C44.5,37.9,44.7,40.8,44.9,43.9z"/></g></svg>';
$something-else: '<svg fill="%23ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.4 129.4" xml:space="preserve"><g><path d="M38.6,129.4c-2.7-0.4-5.5-0.7-8.2-1.3c-15.5-3.5-27.9-17.1-29.9-32.9c-2.1-15.9,3.5-28.7,16.2-38.4c0.4-0.3,0.8-0.6,1.4-1 c0.2,2.3,0.3,4.4,0.5,6.5c0.3,5.2,0.7,10.3,1,15.5c0.4,5.2,4.4,9.1,9.6,9.2C40.4,87,51.6,87,62.9,87c1.1,0,1.8,0.3,2.4,1.4 c3.2,6,6.5,12,9.8,17.9c0.4,0.7,0.5,1.3,0,2.1c-7.2,12.4-17.9,19.4-32.2,20.8c-0.4,0-0.8,0.1-1.2,0.2 C40.6,129.4,39.6,129.4,38.6,129.4z"/><path d="M34,0c0.7,0.2,1.5,0.3,2.2,0.5C41.5,2,45,7.3,44.3,12.7c-0.7,5.7-5.4,9.9-11.1,10c-5.5,0.1-10.4-4.1-11.2-9.5 C21,7,25.2,1.2,31.4,0.2c0.3,0,0.6-0.2,0.8-0.2C32.8,0,33.4,0,34,0z"/><path d="M44.9,43.9c0.6,0,1.1,0,1.5,0c6.2,0,12.4,0,18.6,0c3.3,0,5.4,2.1,5.4,5.3c0,3.2-2.2,5.3-5.5,5.3c-5.9,0-11.8,0-17.7,0 c-0.5,0-1,0-1.7,0c0.2,2.6,0.3,5,0.5,7.7c0.6,0,1.1,0,1.6,0c7.5,0,15.1,0,22.6,0c4.2,0,7.3,1.6,9.4,5.5c5.1,9.5,10.3,19,15.5,28.5 c1,1.8,1.5,3.7,1.1,5.7c-1,4.9-6,7.1-10.2,4.3c-1.2-0.8-2.3-2.1-3.1-3.4c-4.2-7.5-8.3-15-12.4-22.6c-0.4-0.8-0.9-1.1-1.9-1.1 c-11.3,0-22.6,0-33.8,0c-5.4,0-9.4-3.9-9.8-9.2C24.4,58.9,23.7,48,22.9,37c-0.3-4.4,0.9-7.9,4.8-10.2c3.2-1.9,10-2.2,13.3,0.9 c2.1,2,3.2,4.4,3.3,7.3C44.5,37.9,44.7,40.8,44.9,43.9z"/></g></svg>';
$options-map: (
"acessibility": $acessibility,
"something-else": $something-else
);
@each $item, $teste in $options-map {
@if $item == 'cancellation' {
.icon-#{$item}:before {
background-image: url('data:image/svg+xml;utf8,#{map-get($teste, $item)}')
}
} @else {
.icon-#{$item}:before {
background-image: url('data:image/svg+xml;utf8,#{map-get($options-map, $item)}')
}
}
}
.icon-acessibility:before {
background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.4 129.4" xml:space="preserve"><g><path d="M38.6,129.4c-2.7-0.4-5.5-0.7-8.2-1.3c-15.5-3.5-27.9-17.1-29.9-32.9c-2.1-15.9,3.5-28.7,16.2-38.4c0.4-0.3,0.8-0.6,1.4-1 c0.2,2.3,0.3,4.4,0.5,6.5c0.3,5.2,0.7,10.3,1,15.5c0.4,5.2,4.4,9.1,9.6,9.2C40.4,87,51.6,87,62.9,87c1.1,0,1.8,0.3,2.4,1.4 c3.2,6,6.5,12,9.8,17.9c0.4,0.7,0.5,1.3,0,2.1c-7.2,12.4-17.9,19.4-32.2,20.8c-0.4,0-0.8,0.1-1.2,0.2 C40.6,129.4,39.6,129.4,38.6,129.4z"/><path d="M34,0c0.7,0.2,1.5,0.3,2.2,0.5C41.5,2,45,7.3,44.3,12.7c-0.7,5.7-5.4,9.9-11.1,10c-5.5,0.1-10.4-4.1-11.2-9.5 C21,7,25.2,1.2,31.4,0.2c0.3,0,0.6-0.2,0.8-0.2C32.8,0,33.4,0,34,0z"/><path d="M44.9,43.9c0.6,0,1.1,0,1.5,0c6.2,0,12.4,0,18.6,0c3.3,0,5.4,2.1,5.4,5.3c0,3.2-2.2,5.3-5.5,5.3c-5.9,0-11.8,0-17.7,0 c-0.5,0-1,0-1.7,0c0.2,2.6,0.3,5,0.5,7.7c0.6,0,1.1,0,1.6,0c7.5,0,15.1,0,22.6,0c4.2,0,7.3,1.6,9.4,5.5c5.1,9.5,10.3,19,15.5,28.5 c1,1.8,1.5,3.7,1.1,5.7c-1,4.9-6,7.1-10.2,4.3c-1.2-0.8-2.3-2.1-3.1-3.4c-4.2-7.5-8.3-15-12.4-22.6c-0.4-0.8-0.9-1.1-1.9-1.1 c-11.3,0-22.6,0-33.8,0c-5.4,0-9.4-3.9-9.8-9.2C24.4,58.9,23.7,48,22.9,37c-0.3-4.4,0.9-7.9,4.8-10.2c3.2-1.9,10-2.2,13.3,0.9 c2.1,2,3.2,4.4,3.3,7.3C44.5,37.9,44.7,40.8,44.9,43.9z"/></g></svg>');
}
.icon-something-else:before {
background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.4 129.4" xml:space="preserve"><g><path d="M38.6,129.4c-2.7-0.4-5.5-0.7-8.2-1.3c-15.5-3.5-27.9-17.1-29.9-32.9c-2.1-15.9,3.5-28.7,16.2-38.4c0.4-0.3,0.8-0.6,1.4-1 c0.2,2.3,0.3,4.4,0.5,6.5c0.3,5.2,0.7,10.3,1,15.5c0.4,5.2,4.4,9.1,9.6,9.2C40.4,87,51.6,87,62.9,87c1.1,0,1.8,0.3,2.4,1.4 c3.2,6,6.5,12,9.8,17.9c0.4,0.7,0.5,1.3,0,2.1c-7.2,12.4-17.9,19.4-32.2,20.8c-0.4,0-0.8,0.1-1.2,0.2 C40.6,129.4,39.6,129.4,38.6,129.4z"/><path d="M34,0c0.7,0.2,1.5,0.3,2.2,0.5C41.5,2,45,7.3,44.3,12.7c-0.7,5.7-5.4,9.9-11.1,10c-5.5,0.1-10.4-4.1-11.2-9.5 C21,7,25.2,1.2,31.4,0.2c0.3,0,0.6-0.2,0.8-0.2C32.8,0,33.4,0,34,0z"/><path d="M44.9,43.9c0.6,0,1.1,0,1.5,0c6.2,0,12.4,0,18.6,0c3.3,0,5.4,2.1,5.4,5.3c0,3.2-2.2,5.3-5.5,5.3c-5.9,0-11.8,0-17.7,0 c-0.5,0-1,0-1.7,0c0.2,2.6,0.3,5,0.5,7.7c0.6,0,1.1,0,1.6,0c7.5,0,15.1,0,22.6,0c4.2,0,7.3,1.6,9.4,5.5c5.1,9.5,10.3,19,15.5,28.5 c1,1.8,1.5,3.7,1.1,5.7c-1,4.9-6,7.1-10.2,4.3c-1.2-0.8-2.3-2.1-3.1-3.4c-4.2-7.5-8.3-15-12.4-22.6c-0.4-0.8-0.9-1.1-1.9-1.1 c-11.3,0-22.6,0-33.8,0c-5.4,0-9.4-3.9-9.8-9.2C24.4,58.9,23.7,48,22.9,37c-0.3-4.4,0.9-7.9,4.8-10.2c3.2-1.9,10-2.2,13.3,0.9 c2.1,2,3.2,4.4,3.3,7.3C44.5,37.9,44.7,40.8,44.9,43.9z"/></g></svg>');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment