// *********************************************
// | |
// | 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