Skip to content

Instantly share code, notes, and snippets.

@falvhb
Created February 20, 2017 13:23
Show Gist options
  • Save falvhb/1e9ddee9f82ff55e38f0827b2428fd21 to your computer and use it in GitHub Desktop.
Save falvhb/1e9ddee9f82ff55e38f0827b2428fd21 to your computer and use it in GitHub Desktop.
/**
* SHARE- Additional amp-social-share styles
*/
amp-social-share[type="whatsapp"]{
display: inline-block;
width: 45px;
height: 33px;
background-color: #25d366;
overflow: hidden;
background-size: 60%;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="white" d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
</svg>');
}
amp-social-share[type="xing"]{
display: inline-block;
width: 45px;
height: 33px;
background-color: #026466;
overflow: hidden;
background-size: 50%;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 90 90" style="enable-background:new 0 0 90 90;" xml:space="preserve"><g><path id="Xing" d="M55,90L35,55L66,0H88L56,55L76,90H55z M22,63l16-26 l-12-21H6l12,21L3,63H22z" fill="#FFFFFF"/></g></svg>');
}
amp-social-share[type="email"]{
background-color: #666;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment