// ********************************************* // | | // | STACKICONS-SOCIAL OVERRIDE CLASSES - SHAPES | // | | // ********************************************* // If you want to be able to override icon shapes // on the fly via CSS classes, then @import this // _partial file into stackicons.scss. // If you're happy with the defaults generated // by _construction-kit-stackicons-social.scss // then comment-out the @import of this file in // stackicons.scss to remove the extraneous CSS. /* There are 5 button-shape classes (on parent or icon) - .st-shape-square: square button shape also: .st-shape-sq .st-shape-rounded0 .st-shape-r0 - .st-shape-rounded1: slightly rounded button (Android) also: .st-shape-r1 - .st-shape-rounded2: rounded button also: .st-shape-rounded .st-shape-r2 - .st-shape-rounded3: more rounded button (iOS 7) also: .st-shape-r3 - .st-shape-circle: circle button also: .st-shape-cir .st-shape-rounded4 .st-shape-r4 There's also an .st-icon-only class that gets generated by a separate _partial file, since you may want that override class even if you're happy with the default button shape. */ // BUTTON SHAPE CLASSES... // BRAND LIST // uncomment the appropriate @each statment below... // (you can also create your own subset here and elsewhere) // Stackicons-Social-Minimal (subsets the most commonly used icons): // @each $brand in adn, codepen, dribbble, dribbble-alt, email, email2, facebook, facebook-alt, flickr, github, github-alt, gmail, gmail-alt, googleplus, instagram, linkedin, pinboard, pinterest, rss, tumblr, twitter, vimeo, youtube, youtube2, youtube-alt, youtube-alt-sm, menu, menu-alt, menu-alt2, search, search-alt, triangle-down { // Standard: @each $brand in addthis, adn, amazon, amazon2, android, apple, behance, blogger, codepen, delicious, deviantart, digg, dribbble, dribbble-alt, dropbox, ebay, email, email2, evernote, facebook, facebook-alt, flattr, flickr, forrst, foursquare, github, github-alt, gittip, gmail, gmail-alt, google, googleplus, imdb, instagram, kickstarter, lastfm, linkedin, microsoft, myspace, pandora, paypal, paypal2, picasa, pinboard, pinterest, rdio, reddit, rss, sharethis, skype, slideshare, soundcloud, spotify, stackoverflow, stumbleupon, tumblr, twitter, vimeo, vine, windows, windows7, wordpress, xing, yahoo, yelp, youtube, youtube2, youtube-alt, youtube-alt-sm, zerply, menu, menu-alt, menu-alt2, more, triangle-down, search, search-alt { // * Stackicons-Social-Complete // adds deviantart-alt, email-alt, email-alt2, gmail-lg, gmail-lg-alt, // instagram-alt, instagram-alt2, pinterest-alt, podcast, yelp-alt, // yahoo-alt, youtube-alt2, cart, triangle-left, triangle-right, triangle-up // @each $brand in addthis, adn, amazon, android, apple, behance, blogger, codepen, delicious, deviantart, deviantart-alt, digg, dribbble, dribbble-alt, dropbox, ebay, email, email2, email-alt, email-alt2, evernote, facebook, facebook-alt, flattr, flickr, forrst, foursquare, github, github-alt, gittip, gmail, gmail-alt, gmail-lg, gmail-lg-alt, google, googleplus, imdb, instagram, instagram-alt, instagram-alt2, kickstarter, lastfm, linkedin, microsoft, myspace, pandora, paypal, paypal2, picasa, pinboard, pinterest, pinterest-alt, podcast, rdio, reddit, rss, sharethis, skype, slideshare, soundcloud, spotify, stackoverflow, stumbleupon, tumblr, twitter, vimeo, vine, windows, windows7, wordpress, xing, yahoo, yahoo-alt, yelp, yelp-alt, youtube, youtube2, youtube-alt, youtube-alt-sm, youtube-alt2, zerply, cart, menu, menu-alt, menu-alt2, more, triangle-down, triangle-left, triangle-right, triangle-up, search, search-alt { // square .st-shape-square .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-square.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-sq .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-sq.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded0 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded0.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r0 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r0.st-icon-#{$brand}:#{$pseudo-default} { @if $brand == addthis { content: $addthis-sq; } @else if $brand == adn { content: $adn-sq; } @else if $brand == amazon or $brand == amazon2 { content: $amazon-sq; } @else if $brand == android { content: $android-sq; } @else if $brand == apple { content: $apple-sq; } @else if $brand == behance { content: $behance-sq; } @else if $brand == blogger { content: $blogger-sq; } @else if $brand == codepen { content: $codepen-sq; } @else if $brand == delicious { content: $delicious-sq; } // * deviantart-alt in stackicons-social-complete // * deviantart-alt in stackicons-social-complete @else if $brand == deviantart or $brand == deviantart-alt { content: $deviantart-sq; } @else if $brand == digg { content: $digg-sq; } @else if $brand == dribbble or $brand == dribbble-alt { content: $dribbble-sq; } @else if $brand == dropbox { content: $dropbox-sq; } @else if $brand == ebay { content: $ebay-sq; } @else if $brand == email or $brand == email2 { content: $email-sq; } // * in stackicons-social-complete @else if $brand == email-alt { content: $email-alt-sq; } // * in stackicons-social-complete @else if $brand == email-alt2 { content: $email-alt2-sq; } @else if $brand == evernote { content: $evernote-sq; } @else if $brand == facebook { content: $facebook-sq; } @else if $brand == facebook-alt { content: $facebook-alt-sq; } @else if $brand == flattr { content: $flattr-sq; } @else if $brand == flickr { content: $flickr-sq; } @else if $brand == forrst { content: $forrst-sq; } @else if $brand == foursquare { content: $foursquare-sq; } @else if $brand == github { content: $github-sq; } @else if $brand == github-alt { content: $github-alt-sq; } @else if $brand == gittip { content: $gittip-sq; } @else if $brand == gmail or $brand == gmail-alt { content: $gmail-sq; } // * in stackicons-social-complete @else if $brand == gmail-lg or $brand == gmail-lg-alt { content: $gmail-lg-sq; } @else if $brand == google { content: $google-sq; } @else if $brand == googleplus { content: $googleplus-sq; } @else if $brand == imdb { content: $imdb-sq; } @else if $brand == instagram { content: $instagram-sq; } // * in stackicons-social-complete @else if $brand == instagram-alt { content: $instagram-alt-sq; } // * in stackicons-social-complete @else if $brand == instagram-alt2 { content: $instagram-alt2-sq; } @else if $brand == kickstarter { content: $kickstarter-sq; } @else if $brand == lastfm { content: $lastfm-sq; } @else if $brand == linkedin { content: $linkedin-sq; } @else if $brand == microsoft { content: $microsoft-sq; } @else if $brand == myspace { content: $myspace-sq; } @else if $brand == pandora { content: $pandora-sq; } @else if $brand == paypal or $brand == paypal2 { content: $paypal-sq; } @else if $brand == picasa { content: $picasa-sq; } @else if $brand == pinboard { content: $pinboard-sq; } @else if $brand == pinterest { content: $pinterest-sq; } // * in stackicons-social-complete @else if $brand == pinterest-alt { content: $pinterest-alt-sq; } // * in stackicons-social-complete @else if $brand == podcast { content: $podcast-sq; } @else if $brand == rdio { content: $rdio-sq; } @else if $brand == reddit { content: $reddit-sq; } @else if $brand == rss { content: $rss-sq; } @else if $brand == sharethis { content: $sharethis-sq; } @else if $brand == skype { content: $skype-sq; } @else if $brand == slideshare { content: $slideshare-sq; } @else if $brand == soundcloud { content: $soundcloud-sq; } @else if $brand == spotify { content: $spotify-sq; } @else if $brand == stackoverflow { content: $stackoverflow-sq; } @else if $brand == stumbleupon { content: $stumbleupon-sq; } @else if $brand == tumblr { content: $tumblr-sq; } @else if $brand == twitter { content: $twitter-sq; } @else if $brand == vimeo { content: $vimeo-sq; } @else if $brand == vine { content: $vine-sq; } @else if $brand == windows { content: $windows-sq; } @else if $brand == windows7 { content: $windows7-sq; } @else if $brand == wordpress { content: $wordpress-sq; } @else if $brand == xing { content: $xing-sq; } @else if $brand == yahoo { content: $yahoo-sq; } // * in stackicons-social-complete @else if $brand == yahoo-alt { content: $yahoo-alt-sq; } @else if $brand == yelp { content: $yelp-sq; } // * in stackicons-social-complete @else if $brand == yelp-alt { content: $yelp-alt-sq; } @else if $brand == youtube or $brand == youtube2 { content: $youtube-sq; } @else if $brand == youtube-alt or $brand == youtube-alt-sm { content: $youtube-alt-sq; } // * in stackicons-social-complete @else if $brand == youtube-alt2 { content: $youtube-alt2-sq; } @else if $brand == zerply { content: $zerply-sq; } // nav elements: // * in stackicons-social-complete @else if $brand == cart { content: $cart-sq; } @else if $brand == menu { content: $menu-sq; } @else if $brand == menu-alt { content: $menu-alt-sq; } @else if $brand == menu-alt2 { content: $menu-alt2-sq; } @else if $brand == more { content: $more-sq; } @else if $brand == triangle-down { content: $triangle-down-sq; } // * in stackicons-social-complete @else if $brand == triangle-left { content: $triangle-left-sq; } // * in stackicons-social-complete @else if $brand == triangle-right { content: $triangle-right-sq; } // * in stackicons-social-complete @else if $brand == triangle-up { content: $triangle-up-sq; } @else if $brand == search or $brand == search-alt { content: $search-sq; } } // end square // rounded1 (r1) - slightly rounded (Android) .st-shape-rounded1 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded1.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r1 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r1.st-icon-#{$brand}:#{$pseudo-default} { @if $brand == addthis { content: $addthis-r1; } @else if $brand == adn { content: $adn-r1; } @else if $brand == amazon or $brand == amazon2 { content: $amazon-r1; } @else if $brand == android { content: $android-r1; } @else if $brand == apple { content: $apple-r1; } @else if $brand == behance { content: $behance-r1; } @else if $brand == blogger { content: $blogger-r1; } @else if $brand == codepen { content: $codepen-r1; } @else if $brand == delicious { content: $delicious-r1; } // * deviantart-alt in stackicons-social-complete // * deviantart-alt in stackicons-social-complete @else if $brand == deviantart or $brand == deviantart-alt { content: $deviantart-r1; } @else if $brand == digg { content: $digg-r1; } @else if $brand == dribbble or $brand == dribbble-alt { content: $dribbble-r1; } @else if $brand == dropbox { content: $dropbox-r1; } @else if $brand == ebay { content: $ebay-r1; } @else if $brand == email or $brand == email2 { content: $email-r1; } // * in stackicons-social-complete @else if $brand == email-alt { content: $email-alt-r1; } // * in stackicons-social-complete @else if $brand == email-alt2 { content: $email-alt2-r1; } @else if $brand == evernote { content: $evernote-r1; } @else if $brand == facebook { content: $facebook-r1; } @else if $brand == facebook-alt { content: $facebook-alt-r1; } @else if $brand == flattr { content: $flattr-r1; } @else if $brand == flickr { content: $flickr-r1; } @else if $brand == forrst { content: $forrst-r1; } @else if $brand == foursquare { content: $foursquare-r1; } @else if $brand == github { content: $github-r1; } @else if $brand == github-alt { content: $github-alt-r1; } @else if $brand == gittip { content: $gittip-r1; } @else if $brand == gmail or $brand == gmail-alt { content: $gmail-r1; } // * in stackicons-social-complete @else if $brand == gmail-lg or $brand == gmail-lg-alt { content: $gmail-lg-r1; } @else if $brand == google { content: $google-r1; } @else if $brand == googleplus { content: $googleplus-r1; } @else if $brand == imdb { content: $imdb-r1; } @else if $brand == instagram { content: $instagram-r1; } // * in stackicons-social-complete @else if $brand == instagram-alt { content: $instagram-alt-r1; } // * in stackicons-social-complete @else if $brand == instagram-alt2 { content: $instagram-alt2-r1; } @else if $brand == kickstarter { content: $kickstarter-r1; } @else if $brand == lastfm { content: $lastfm-r1; } @else if $brand == linkedin { content: $linkedin-r1; } @else if $brand == microsoft { content: $microsoft-r1; } @else if $brand == myspace { content: $myspace-r1; } @else if $brand == pandora { content: $pandora-r1; } @else if $brand == paypal or $brand == paypal2 { content: $paypal-r1; } @else if $brand == picasa { content: $picasa-r1; } @else if $brand == pinboard { content: $pinboard-r1; } @else if $brand == pinterest { content: $pinterest-r1; } // * in stackicons-social-complete @else if $brand == pinterest-alt { content: $pinterest-alt-r1; } // * in stackicons-social-complete @else if $brand == podcast { content: $podcast-r1; } @else if $brand == rdio { content: $rdio-r1; } @else if $brand == reddit { content: $reddit-r1; } @else if $brand == rss { content: $rss-r1; } @else if $brand == sharethis { content: $sharethis-r1; } @else if $brand == skype { content: $skype-r1; } @else if $brand == slideshare { content: $slideshare-r1; } @else if $brand == soundcloud { content: $soundcloud-r1; } @else if $brand == spotify { content: $spotify-r1; } @else if $brand == stackoverflow { content: $stackoverflow-r1; } @else if $brand == stumbleupon { content: $stumbleupon-r1; } @else if $brand == tumblr { content: $tumblr-r1; } @else if $brand == twitter { content: $twitter-r1; } @else if $brand == vimeo { content: $vimeo-r1; } @else if $brand == vine { content: $vine-r1; } @else if $brand == windows { content: $windows-r1; } @else if $brand == windows7 { content: $windows7-r1; } @else if $brand == wordpress { content: $wordpress-r1; } @else if $brand == xing { content: $xing-r1; } @else if $brand == yahoo { content: $yahoo-r1; } // * in stackicons-social-complete @else if $brand == yahoo-alt { content: $yahoo-alt-r1; } @else if $brand == yelp { content: $yelp-r1; } // * in stackicons-social-complete @else if $brand == yelp-alt { content: $yelp-alt-r1; } @else if $brand == youtube or $brand == youtube2 { content: $youtube-r1; } @else if $brand == youtube-alt or $brand == youtube-alt-sm { content: $youtube-alt-r1; } // * in stackicons-social-complete @else if $brand == youtube-alt2 { content: $youtube-alt2-r1; } @else if $brand == zerply { content: $zerply-r1; } // nav elements: // * in stackicons-social-complete @else if $brand == cart { content: $cart-r1; } @else if $brand == menu { content: $menu-r1; } @else if $brand == menu-alt { content: $menu-alt-r1; } @else if $brand == menu-alt2 { content: $menu-alt2-r1; } @else if $brand == more { content: $more-r1; } @else if $brand == triangle-down { content: $triangle-down-r1; } // * in stackicons-social-complete @else if $brand == triangle-left { content: $triangle-left-r1; } // * in stackicons-social-complete @else if $brand == triangle-right { content: $triangle-right-r1; } // * in stackicons-social-complete @else if $brand == triangle-up { content: $triangle-up-r1; } @else if $brand == search or $brand == search-alt { content: $search-r1; } } // end rounded1 (r1) // rounded2 (r2) - rounded .st-shape-rounded .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded2 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded2.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r2 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r2.st-icon-#{$brand}:#{$pseudo-default} { @if $brand == addthis { content: $addthis-r2; } @else if $brand == adn { content: $adn-r2; } @else if $brand == amazon or $brand == amazon2 { content: $amazon-r2; } @else if $brand == android { content: $android-r2; } @else if $brand == apple { content: $apple-r2; } @else if $brand == behance { content: $behance-r2; } @else if $brand == blogger { content: $blogger-r2; } @else if $brand == codepen { content: $codepen-r2; } @else if $brand == delicious { content: $delicious-r2; } // * deviantart-alt in stackicons-social-complete // * deviantart-alt in stackicons-social-complete @else if $brand == deviantart or $brand == deviantart-alt { content: $deviantart-r2; } @else if $brand == digg { content: $digg-r2; } @else if $brand == dribbble or $brand == dribbble-alt { content: $dribbble-r2; } @else if $brand == dropbox { content: $dropbox-r2; } @else if $brand == ebay { content: $ebay-r2; } @else if $brand == email or $brand == email2 { content: $email-r2; } // * in stackicons-social-complete @else if $brand == email-alt { content: $email-alt-r2; } // * in stackicons-social-complete @else if $brand == email-alt2 { content: $email-alt2-r2; } @else if $brand == evernote { content: $evernote-r2; } @else if $brand == facebook { content: $facebook-r2; } @else if $brand == facebook-alt { content: $facebook-alt-r2; } @else if $brand == flattr { content: $flattr-r2; } @else if $brand == flickr { content: $flickr-r2; } @else if $brand == forrst { content: $forrst-r2; } @else if $brand == foursquare { content: $foursquare-r2; } @else if $brand == github { content: $github-r2; } @else if $brand == github-alt { content: $github-alt-r2; } @else if $brand == gittip { content: $gittip-r2; } @else if $brand == gmail or $brand == gmail-alt { content: $gmail-r2; } // * in stackicons-social-complete @else if $brand == gmail-lg or $brand == gmail-lg-alt { content: $gmail-lg-r2; } @else if $brand == google { content: $google-r2; } @else if $brand == googleplus { content: $googleplus-r2; } @else if $brand == imdb { content: $imdb-r2; } @else if $brand == instagram { content: $instagram-r2; } // * in stackicons-social-complete @else if $brand == instagram-alt { content: $instagram-alt-r2; } // * in stackicons-social-complete @else if $brand == instagram-alt2 { content: $instagram-alt2-r2; } @else if $brand == kickstarter { content: $kickstarter-r2; } @else if $brand == lastfm { content: $lastfm-r2; } @else if $brand == linkedin { content: $linkedin-r2; } @else if $brand == microsoft { content: $microsoft-r2; } @else if $brand == myspace { content: $myspace-r2; } @else if $brand == pandora { content: $pandora-r2; } @else if $brand == paypal or $brand == paypal2 { content: $paypal-r2; } @else if $brand == picasa { content: $picasa-r2; } @else if $brand == pinboard { content: $pinboard-r2; } @else if $brand == pinterest { content: $pinterest-r2; } // * in stackicons-social-complete @else if $brand == pinterest-alt { content: $pinterest-alt-r2; } // * in stackicons-social-complete @else if $brand == podcast { content: $podcast-r2; } @else if $brand == rdio { content: $rdio-r2; } @else if $brand == reddit { content: $reddit-r2; } @else if $brand == rss { content: $rss-r2; } @else if $brand == sharethis { content: $sharethis-r2; } @else if $brand == skype { content: $skype-r2; } @else if $brand == slideshare { content: $slideshare-r2; } @else if $brand == soundcloud { content: $soundcloud-r2; } @else if $brand == spotify { content: $spotify-r2; } @else if $brand == stackoverflow { content: $stackoverflow-r2; } @else if $brand == stumbleupon { content: $stumbleupon-r2; } @else if $brand == tumblr { content: $tumblr-r2; } @else if $brand == twitter { content: $twitter-r2; } @else if $brand == vimeo { content: $vimeo-r2; } @else if $brand == vine { content: $vine-r2; } @else if $brand == windows { content: $windows-r2; } @else if $brand == windows7 { content: $windows7-r2; } @else if $brand == wordpress { content: $wordpress-r2; } @else if $brand == xing { content: $xing-r2; } @else if $brand == yahoo { content: $yahoo-r2; } // * in stackicons-social-complete @else if $brand == yahoo-alt { content: $yahoo-alt-r2; } @else if $brand == yelp { content: $yelp-r2; } // * in stackicons-social-complete @else if $brand == yelp-alt { content: $yelp-alt-r2; } @else if $brand == youtube or $brand == youtube2 { content: $youtube-r2; } @else if $brand == youtube-alt or $brand == youtube-alt-sm { content: $youtube-alt-r2; } // * in stackicons-social-complete @else if $brand == youtube-alt2 { content: $youtube-alt2-r2; } @else if $brand == zerply { content: $zerply-r2; } // nav elements: // * in stackicons-social-complete @else if $brand == cart { content: $cart-r2; } @else if $brand == menu { content: $menu-r2; } @else if $brand == menu-alt { content: $menu-alt-r2; } @else if $brand == menu-alt2 { content: $menu-alt2-r2; } @else if $brand == more { content: $more-r2; } @else if $brand == triangle-down { content: $triangle-down-r2; } // * in stackicons-social-complete @else if $brand == triangle-left { content: $triangle-left-r2; } // * in stackicons-social-complete @else if $brand == triangle-right { content: $triangle-right-r2; } // * in stackicons-social-complete @else if $brand == triangle-up { content: $triangle-up-r2; } @else if $brand == search or $brand == search-alt { content: $search-r2; } } // end rounded2 (r2) // rounded3 (r3) - more rounded (iOS 7) .st-shape-rounded3 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded3.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r3 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r3.st-icon-#{$brand}:#{$pseudo-default} { @if $brand == addthis { content: $addthis-r3; } @else if $brand == adn { content: $adn-r3; } @else if $brand == amazon or $brand == amazon2 { content: $amazon-r3; } @else if $brand == android { content: $android-r3; } @else if $brand == apple { content: $apple-r3; } @else if $brand == behance { content: $behance-r3; } @else if $brand == blogger { content: $blogger-r3; } @else if $brand == codepen { content: $codepen-r3; } @else if $brand == delicious { content: $delicious-r3; } // * deviantart-alt in stackicons-social-complete @else if $brand == deviantart or $brand == deviantart-alt { content: $deviantart-r3; } @else if $brand == digg { content: $digg-r3; } @else if $brand == dribbble or $brand == dribbble-alt { content: $dribbble-r3; } @else if $brand == dropbox { content: $dropbox-r3; } @else if $brand == ebay { content: $ebay-r3; } @else if $brand == email or $brand == email2 { content: $email-r3; } // * in stackicons-social-complete @else if $brand == email-alt { content: $email-alt-r3; } // * in stackicons-social-complete @else if $brand == email-alt2 { content: $email-alt2-r3; } @else if $brand == evernote { content: $evernote-r3; } @else if $brand == facebook { content: $facebook-r3; } @else if $brand == facebook-alt { content: $facebook-alt-r3; } @else if $brand == flattr { content: $flattr-r3; } @else if $brand == flickr { content: $flickr-r3; } @else if $brand == forrst { content: $forrst-r3; } @else if $brand == foursquare { content: $foursquare-r3; } @else if $brand == github { content: $github-r3; } @else if $brand == github-alt { content: $github-alt-r3; } @else if $brand == gittip { content: $gittip-r3; } @else if $brand == gmail or $brand == gmail-alt { content: $gmail-r3; } // * in stackicons-social-complete @else if $brand == gmail-lg or $brand == gmail-lg-alt { content: $gmail-lg-r3; } @else if $brand == google { content: $google-r3; } @else if $brand == googleplus { content: $googleplus-r3; } @else if $brand == imdb { content: $imdb-r3; } @else if $brand == instagram { content: $instagram-r3; } // * in stackicons-social-complete @else if $brand == instagram-alt { content: $instagram-alt-r3; } // * in stackicons-social-complete @else if $brand == instagram-alt2 { content: $instagram-alt2-r3; } @else if $brand == kickstarter { content: $kickstarter-r3; } @else if $brand == lastfm { content: $lastfm-r3; } @else if $brand == linkedin { content: $linkedin-r3; } @else if $brand == microsoft { content: $microsoft-r3; } @else if $brand == myspace { content: $myspace-r3; } @else if $brand == pandora { content: $pandora-r3; } @else if $brand == paypal or $brand == paypal2 { content: $paypal-r3; } @else if $brand == picasa { content: $picasa-r3; } @else if $brand == pinboard { content: $pinboard-r3; } @else if $brand == pinterest { content: $pinterest-r3; } // * in stackicons-social-complete @else if $brand == pinterest-alt { content: $pinterest-alt-r3; } // * in stackicons-social-complete @else if $brand == podcast { content: $podcast-r3; } @else if $brand == rdio { content: $rdio-r3; } @else if $brand == reddit { content: $reddit-r3; } @else if $brand == rss { content: $rss-r3; } @else if $brand == sharethis { content: $sharethis-r3; } @else if $brand == skype { content: $skype-r3; } @else if $brand == slideshare { content: $slideshare-r3; } @else if $brand == soundcloud { content: $soundcloud-r3; } @else if $brand == spotify { content: $spotify-r3; } @else if $brand == stackoverflow { content: $stackoverflow-r3; } @else if $brand == stumbleupon { content: $stumbleupon-r3; } @else if $brand == tumblr { content: $tumblr-r3; } @else if $brand == twitter { content: $twitter-r3; } @else if $brand == vimeo { content: $vimeo-r3; } @else if $brand == vine { content: $vine-r3; } @else if $brand == windows { content: $windows-r3; } @else if $brand == windows7 { content: $windows7-r3; } @else if $brand == wordpress { content: $wordpress-r3; } @else if $brand == xing { content: $xing-r3; } @else if $brand == yahoo { content: $yahoo-r3; } // * in stackicons-social-complete @else if $brand == yahoo-alt { content: $yahoo-alt-r3; } @else if $brand == yelp { content: $yelp-r3; } // * in stackicons-social-complete @else if $brand == yelp-alt { content: $yelp-alt-r3; } @else if $brand == youtube or $brand == youtube2 { content: $youtube-r3; } @else if $brand == youtube-alt or $brand == youtube-alt-sm { content: $youtube-alt-r3; } // * in stackicons-social-complete @else if $brand == youtube-alt2 { content: $youtube-alt2-r3; } @else if $brand == zerply { content: $zerply-r3; } // nav elements: // * in stackicons-social-complete @else if $brand == cart { content: $cart-r3; } @else if $brand == menu { content: $menu-r3; } @else if $brand == menu-alt { content: $menu-alt-r3; } @else if $brand == menu-alt2 { content: $menu-alt2-r3; } @else if $brand == more { content: $more-r3; } @else if $brand == triangle-down { content: $triangle-down-r3; } // * in stackicons-social-complete @else if $brand == triangle-left { content: $triangle-left-r3; } // * in stackicons-social-complete @else if $brand == triangle-right { content: $triangle-right-r3; } // * in stackicons-social-complete @else if $brand == triangle-up { content: $triangle-up-r3; } @else if $brand == search or $brand == search-alt { content: $search-r3; } } // end rounded3 (r3) // circle (cir) .st-shape-circle .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-circle.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-cir .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-cir.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded4 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded4.st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r4 .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r4.st-icon-#{$brand}:#{$pseudo-default} { @if $brand == addthis { content: $addthis-cir; } @else if $brand == adn { content: $adn-cir; } @else if $brand == amazon or $brand == amazon2 { content: $amazon-cir; } @else if $brand == android { content: $android-cir; } @else if $brand == apple { content: $apple-cir; } @else if $brand == behance { content: $behance-cir; } @else if $brand == blogger { content: $blogger-cir; } @else if $brand == codepen { content: $codepen-cir; } @else if $brand == delicious { content: $delicious-cir; } // * deviantart-alt in stackicons-social-complete @else if $brand == deviantart or $brand == deviantart-alt { content: $deviantart-cir; } @else if $brand == digg { content: $digg-cir; } @else if $brand == dribbble or $brand == dribbble-alt { content: $dribbble-cir; } @else if $brand == dropbox { content: $dropbox-cir; } @else if $brand == ebay { content: $ebay-cir; } @else if $brand == email or $brand == email2 { content: $email-cir; } // * in stackicons-social-complete @else if $brand == email-alt { content: $email-alt-cir; } // * in stackicons-social-complete @else if $brand == email-alt2 { content: $email-alt2-cir; } @else if $brand == evernote { content: $evernote-cir; } @else if $brand == facebook { content: $facebook-cir; } @else if $brand == facebook-alt { content: $facebook-alt-cir; } @else if $brand == flattr { content: $flattr-cir; } @else if $brand == flickr { content: $flickr-cir; } @else if $brand == forrst { content: $forrst-cir; } @else if $brand == foursquare { content: $foursquare-cir; } @else if $brand == github { content: $github-cir; } @else if $brand == github-alt { content: $github-alt-cir; } @else if $brand == gittip { content: $gittip-cir; } @else if $brand == gmail or $brand == gmail-alt { content: $gmail-cir; } // * in stackicons-social-complete @else if $brand == gmail-lg or $brand == gmail-lg-alt { content: $gmail-lg-cir; } @else if $brand == google { content: $google-cir; } @else if $brand == googleplus { content: $googleplus-cir; } @else if $brand == imdb { content: $imdb-cir; } @else if $brand == instagram { content: $instagram-cir; } // * in stackicons-social-complete @else if $brand == instagram-alt { content: $instagram-alt-cir; } // * in stackicons-social-complete @else if $brand == instagram-alt2 { content: $instagram-alt2-cir; } @else if $brand == kickstarter { content: $kickstarter-cir; } @else if $brand == lastfm { content: $lastfm-cir; } @else if $brand == linkedin { content: $linkedin-cir; } @else if $brand == microsoft { content: $microsoft-cir; } @else if $brand == myspace { content: $myspace-cir; } @else if $brand == pandora { content: $pandora-cir; } @else if $brand == paypal or $brand == paypal2 { content: $paypal-cir; } @else if $brand == picasa { content: $picasa-cir; } @else if $brand == pinboard { content: $pinboard-cir; } @else if $brand == pinterest { content: $pinterest-cir; } // * in stackicons-social-complete @else if $brand == pinterest-alt { content: $pinterest-alt-cir; } // * in stackicons-social-complete @else if $brand == podcast { content: $podcast-cir; } @else if $brand == rdio { content: $rdio-cir; } @else if $brand == reddit { content: $reddit-cir; } @else if $brand == rss { content: $rss-cir; } @else if $brand == sharethis { content: $sharethis-cir; } @else if $brand == skype { content: $skype-cir; } @else if $brand == slideshare { content: $slideshare-cir; } @else if $brand == soundcloud { content: $soundcloud-cir; } @else if $brand == spotify { content: $spotify-cir; } @else if $brand == stackoverflow { content: $stackoverflow-cir; } @else if $brand == stumbleupon { content: $stumbleupon-cir; } @else if $brand == tumblr { content: $tumblr-cir; } @else if $brand == twitter { content: $twitter-cir; } @else if $brand == vimeo { content: $vimeo-cir; } @else if $brand == vine { content: $vine-cir; } @else if $brand == windows { content: $windows-cir; } @else if $brand == windows7 { content: $windows7-cir; } @else if $brand == wordpress { content: $wordpress-cir; } @else if $brand == xing { content: $xing-cir; } @else if $brand == yahoo { content: $yahoo-cir; } // * in stackicons-social-complete @else if $brand == yahoo-alt { content: $yahoo-alt-cir; } @else if $brand == yelp { content: $yelp-cir; } // * in stackicons-social-complete @else if $brand == yelp-alt { content: $yelp-alt-cir; } @else if $brand == youtube or $brand == youtube2 { content: $youtube-cir; } @else if $brand == youtube-alt or $brand == youtube-alt-sm { content: $youtube-alt-cir; } // * in stackicons-social-complete @else if $brand == youtube-alt2 { content: $youtube-alt2-cir; } @else if $brand == zerply { content: $zerply-cir; } // nav elements: // * in stackicons-social-complete @else if $brand == cart { content: $cart-cir; } @else if $brand == menu { content: $menu-cir; } @else if $brand == menu-alt { content: $menu-alt-cir; } @else if $brand == menu-alt2 { content: $menu-alt2-cir; } @else if $brand == more { content: $more-cir; } @else if $brand == triangle-down { content: $triangle-down-cir; } // * in stackicons-social-complete @else if $brand == triangle-left { content: $triangle-left-cir; } // * in stackicons-social-complete @else if $brand == triangle-right { content: $triangle-right-cir; } // * in stackicons-social-complete @else if $brand == triangle-up { content: $triangle-up-cir; } @else if $brand == search or $brand == search-alt { content: $search-cir; } } // end circle } // end @each // END BUTTON-SHAPE OVERRIDES