@charset "UTF-8"; // Symbolset // www.symbolset.com // Copyright © 2012 Oak Studios LLC // // Upload this file to your web server // and place this within your tags. // @import "compass/css3/font-face"; @include font-face( 'SSSocial', font-files( "ss-social-regular.woff", woff, "ss-social-regular.ttf", truetype, "ss-social-regular.svg#ss-social-regular", svg), 'ss-social-regular.eot', normal, normal); @include font-face( 'SSSocial', font-files( "ss-social-circle.woff", woff, "ss-social-circle.ttf", truetype, "ss-social-circle.svg#ss-social-circle", svg), 'ss-social-circle.eot', bold, normal); @mixin ss-social-classes { /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-social, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social.right:after, [class*=" ss-"].ss-social.right:after { font-family: "SSSocial"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before, [class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after{ font-weight: bold; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''} } @function ss-social-icon($icon) { @if $icon == facebook { @return '' } @else if $icon == twitter { @return ''; } @else if $icon == linkedin { @return ''; } @else if $icon == googleplus { @return ''; } @else if $icon == tumblr { @return ''; } @else if $icon == wordpress { @return ''; } @else if $icon == blogger { @return ''; } @else if $icon == posterous { @return ''; } @else if $icon == youtube { @return ''; } @else if $icon == vimeo { @return ''; } @else if $icon == flickr { @return ''; } @else if $icon == instagram { @return ''; } @else if $icon == pinterest { @return ''; } @else if $icon == dribbble { @return ''; } @else if $icon == behance { @return ''; } @else if $icon == github { @return ''; } @else if $icon == paypal { @return ''; } @else if $icon == foursquare { @return ''; } @else if $icon == skype { @return ''; } @else if $icon == mail { @return '✉'; } @else { @return '#{$icon}'; } } @mixin ss-social($icon: false, $declare-font: true, $circle: false) { @if $declare-font != false { font-family: "SSSocial"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } @if $circle != false{ font-weight: bold; } @if $icon != false{ content: ss-social-icon($icon); } }