// ********************************************* // | | // | STACKICONS-SOCIAL OVERRIDE CLASSES - COLORS | // | | // ********************************************* // If you want to be able to override color-styles // 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 cut the extraneous CSS. // These use the variables and mixins set in // _construction-kit-stackicons-social to formulate // the brand-color-variant and brand-color-hover. /* override classes (parent or icon) - .st-single-color: single-color, single-color-hover on hover - .st-single-color-brand: single-color, brand-color on hover - .st-brand-color: brand-color, brand-color-hover on hover - .st-brand-color-variant: brand-color-variant, brand-color on hover - .st-embossed-only: darkened background-color, brand-color on hover */ // 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 { // COLOR STYLE CLASSES... // .st-brand-color // (also .st-brand-variant:hover, .st-embossed-only:hover, .st-single-color-brand:hover) // on parent .st-brand-color .st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-brand-color.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand.st-icon-#{$brand}:focus:#{$pseudo-default} { // addthis @if $brand == addthis { @if $btn-shape-default == icon { color: $icon-color-addthis; } @else { color: $btn-color-addthis; } } // end addthis // adn @else if $brand == adn { @if $btn-shape-default == icon { color: $icon-color-adn; } @else { color: $btn-color-adn; } } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @if $btn-shape-default == icon { color: $icon-color-amazon; } @else { color: $btn-color-amazon; } } // end amazon // android @else if $brand == android { @if $btn-shape-default == icon { color: $icon-color-android; } @else { color: $btn-color-android; } } // end android // apple @else if $brand == apple { @if $btn-shape-default == icon { color: $icon-color-apple; } @else { color: $btn-color-apple; } } // end apple // behance @else if $brand == behance { @if $btn-shape-default == icon { color: $icon-color-behance; } @else { color: $btn-color-behance; } } // end behance // blogger @else if $brand == blogger { @if $btn-shape-default == icon { color: $icon-color-blogger; } @else { color: $btn-color-blogger; } } // end blogger // codepen @else if $brand == codepen { @if $btn-shape-default == icon { color: $icon-color-codepen; } @else { color: $btn-color-codepen; } } // end codepen // delicious @else if $brand == delicious { @if $btn-shape-default == icon { color: $icon-color-delicious; } @else { color: $btn-color-delicious; } } // end delicious // deviantart, deviantart-alt // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { @if $btn-shape-default == icon { color: $icon-color-deviantart; } @else { color: $btn-color-deviantart; } } // end deviantart // digg @else if $brand == digg { @if $btn-shape-default == icon { color: $icon-color-digg; } @else { color: $btn-color-digg; } } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @if $btn-shape-default == icon { color: $icon-color-dribbble; } @else { color: $btn-color-dribbble; } } // end dribbble // dropbox @else if $brand == dropbox { @if $btn-shape-default == icon { color: $icon-color-dropbox; } @else { color: $btn-color-dropbox; } } // end dropbox // ebay @else if $brand == ebay { @if $btn-shape-default == icon { color: $icon-color-ebay; } @else { color: $btn-color-ebay; } } // end ebay // email, email2 @else if $brand == email or $brand == email2 { @if $btn-shape-default == icon { color: $icon-color-email; } @else { color: $btn-color-email; } } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @if $btn-shape-default == icon { color: $icon-color-email-alt; } @else { color: $btn-color-email-alt; } } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @if $btn-shape-default == icon { color: $icon-color-email-alt2; } @else { color: $btn-color-email-alt2; } } // end email-alt2 // evernote @else if $brand == evernote { @if $btn-shape-default == icon { color: $icon-color-evernote; } @else { color: $btn-color-evernote; } } // end evernote // facebook @else if $brand == facebook { @if $btn-shape-default == icon { color: $icon-color-facebook; } @else { color: $btn-color-facebook; } } // end facebook // facebook-alt @else if $brand == facebook-alt { @if $btn-shape-default == icon { color: $icon-color-facebook-alt; } @else { color: $btn-color-facebook-alt; } } // end facebook-alt // flattr @else if $brand == flattr { @if $btn-shape-default == icon { color: $icon-color-flattr; } @else { color: $btn-color-flattr; } } // end flattr // flickr @else if $brand == flickr { @if $btn-shape-default == icon { color: $icon-color-flickr; } @else { color: $btn-color-flickr; } } // end flickr // forrst @else if $brand == forrst { @if $btn-shape-default == icon { color: $icon-color-forrst; } @else { color: $btn-color-forrst; } } // end forrst // foursquare @else if $brand == foursquare { @if $btn-shape-default == icon { color: $icon-color-foursquare; } @else { color: $btn-color-foursquare; } } // end foursquare // github @else if $brand == github { @if $btn-shape-default == icon { color: $icon-color-github; } @else { color: $btn-color-github; } } // end github // github-alt @else if $brand == github-alt { @if $btn-shape-default == icon { color: $icon-color-github-alt; } @else { color: $btn-color-github-alt; } } // end github-alt // gittip @else if $brand == gittip { @if $btn-shape-default == icon { color: $icon-color-gittip; } @else { color: $btn-color-gittip; } } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @if $btn-shape-default == icon { color: $icon-color-gmail; } @else { color: $btn-color-gmail; } } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @if $btn-shape-default == icon { color: $icon-color-gmail; } @else { color: $btn-color-gmail; } } // end gmail // google @else if $brand == google { @if $btn-shape-default == icon { color: $icon-color-google; } @else { color: $btn-color-google; } } // end google // googleplus @else if $brand == googleplus { @if $btn-shape-default == icon { color: $icon-color-googleplus; } @else { color: $btn-color-googleplus; } } // end googleplus // imdb @else if $brand == imdb { @if $btn-shape-default == icon { color: $icon-color-imdb; } @else { color: $btn-color-imdb; } } // end imdb // instagram @else if $brand == instagram { @if $btn-shape-default == icon { color: $icon-color-instagram; } @else { color: $btn-color-instagram; } } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { @if $btn-shape-default == icon { color: $icon-color-instagram-alt; } @else { color: $btn-color-instagram-alt; } } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { @if $btn-shape-default == icon { color: $icon-color-instagram-alt2; } @else { color: $btn-color-instagram-alt2; } } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { @if $btn-shape-default == icon { color: $icon-color-kickstarter; } @else { color: $btn-color-kickstarter; } } // end kickstarter // lastfm @else if $brand == lastfm { @if $btn-shape-default == icon { color: $icon-color-lastfm; } @else { color: $btn-color-lastfm; } } // end lastfm // linkedin @else if $brand == linkedin { @if $btn-shape-default == icon { color: $icon-color-linkedin; } @else { color: $btn-color-linkedin; } } // end linkedin // microsoft @else if $brand == microsoft { @if $btn-shape-default == icon { color: $icon-color-microsoft; } @else { color: $btn-color-microsoft; } } // end microsoft // myspace @else if $brand == myspace { @if $btn-shape-default == icon { color: $icon-color-myspace; } @else { color: $btn-color-myspace; } } // end myspace // pandora @else if $brand == pandora { @if $btn-shape-default == icon { color: $icon-color-pandora; } @else { color: $btn-color-pandora; } } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @if $btn-shape-default == icon { color: $icon-color-paypal; } @else { color: $btn-color-paypal; } } // end paypal // picasa @else if $brand == picasa { @if $btn-shape-default == icon { color: $icon-color-picasa; } @else { color: $btn-color-picasa; } } // end picasa // pinboard @else if $brand == pinboard { @if $btn-shape-default == icon { color: $icon-color-pinboard; } @else { color: $btn-color-pinboard; } } // end pinboard // pinterest, pinterest-alt // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @if $btn-shape-default == icon { color: $icon-color-pinterest; } @else { color: $btn-color-pinterest; } } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @if $btn-shape-default == icon { color: $icon-color-podcast; } @else { color: $btn-color-podcast; } } // end podcast // rdio @else if $brand == rdio { @if $btn-shape-default == icon { color: $icon-color-rdio; } @else { color: $btn-color-rdio; } } // end rdio // reddit @else if $brand == reddit { @if $btn-shape-default == icon { color: $icon-color-reddit; } @else { color: $btn-color-reddit; } } // end reddit // rss @else if $brand == rss { @if $btn-shape-default == icon { color: $icon-color-rss; } @else { color: $btn-color-rss; } } // end rss // sharethis @else if $brand == sharethis { @if $btn-shape-default == icon { color: $icon-color-sharethis; } @else { color: $btn-color-sharethis; } } // end sharethis // skype @else if $brand == skype { @if $btn-shape-default == icon { color: $icon-color-skype; } @else { color: $btn-color-skype; } } // end skype // slideshare @else if $brand == slideshare { @if $btn-shape-default == icon { color: $icon-color-slideshare; } @else { color: $btn-color-slideshare; } } // end slideshare // soundcloud @else if $brand == soundcloud { @if $btn-shape-default == icon { color: $icon-color-soundcloud; } @else { color: $btn-color-soundcloud; } } // end soundcloud // spotify @else if $brand == spotify { @if $btn-shape-default == icon { color: $icon-color-spotify; } @else { color: $btn-color-spotify; } } // end spotify // stackoverflow @else if $brand == stackoverflow { @if $btn-shape-default == icon { color: $icon-color-stackoverflow; } @else { color: $btn-color-stackoverflow; } } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @if $btn-shape-default == icon { color: $icon-color-stumbleupon; } @else { color: $btn-color-stumbleupon; } } // end stumbleupon // tumblr @else if $brand == tumblr { @if $btn-shape-default == icon { color: $icon-color-tumblr; } @else { color: $btn-color-tumblr; } } // end tumblr // twitter @else if $brand == twitter { @if $btn-shape-default == icon { color: $icon-color-twitter; } @else { color: $btn-color-twitter; } } // end twitter // vimeo @else if $brand == vimeo { @if $btn-shape-default == icon { color: $icon-color-vimeo; } @else { color: $btn-color-vimeo; } } // end vimeo // vine @else if $brand == vine { @if $btn-shape-default == icon { color: $icon-color-vine; } @else { color: $btn-color-vine; } } // end vine // windows @else if $brand == windows { @if $btn-shape-default == icon { color: $icon-color-windows; } @else { color: $btn-color-windows; } } // end windows // windows7 @else if $brand == windows7 { @if $btn-shape-default == icon { color: $icon-color-windows7; } @else { color: $btn-color-windows; } } // end windows7 // wordpress @else if $brand == wordpress { @if $btn-shape-default == icon { color: $icon-color-wordpress; } @else { color: $btn-color-wordpress; } } // end wordpress // xing @else if $brand == xing { @if $btn-shape-default == icon { color: $icon-color-xing; } @else { color: $btn-color-xing; } } // end xing // yahoo, yahoo-alt // ( * yahoo-alt in stackicons-social-complete) @else if $brand == yahoo or $brand == yahoo-alt { @if $btn-shape-default == icon { color: $icon-color-yahoo; } @else { color: $btn-color-yahoo; } } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { @if $btn-shape-default == icon { color: $icon-color-yelp; } @else { color: $btn-color-yelp; } } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @if $btn-shape-default == icon { color: $icon-color-youtube; } @else { color: $btn-color-youtube; } } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @if $btn-shape-default == icon { color: $icon-color-youtube-alt; } @else { color: $btn-color-youtube-alt; } } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @if $btn-shape-default == icon { color: $icon-color-youtube-alt2; } @else { color: $btn-color-youtube-alt2; } } // end youtube-alt2 // zerply @else if $brand == zerply { @if $btn-shape-default == icon { color: $icon-color-zerply; } @else { color: $btn-color-zerply; } } // end zerply // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @if $btn-shape-default == icon { color: $icon-color-cart; } @else { color: $btn-color-cart; } } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @if $btn-shape-default == icon { color: $icon-color-menu; } @else { color: $btn-color-menu; } } // end menu // more (ellipsis...) @else if $brand == more { @if $btn-shape-default == icon { color: $icon-color-more; } @else { color: $btn-color-more; } } // end more // triangle-down, -left, -right, -up * // ( * -left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up { @if $btn-shape-default == icon { color: $icon-color-triangle; } @else { color: $btn-color-triangle; } } // end triangle-down // search, search-alt @else if $brand == search or $brand == search-alt { @if $btn-shape-default == icon { color: $icon-color-search; } @else { color: $btn-color-search; } } // end search } // end .st-brand-color // .st-brand-color.st-shape-icon - force icon color // on parent .st-shape-icon.st-brand-color .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-icon.st-brand-variant .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-icon.st-brand-variant .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-icon.st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-icon.st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-icon.st-single-color-brand .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-icon.st-single-color-brand .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-rounded5.st-brand-color .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-rounded5.st-brand-variant .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-rounded5.st-brand-variant .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-rounded5.st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-rounded5.st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-rounded5.st-single-color-brand .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-rounded5.st-single-color-brand .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-r5.st-brand-color .st-icon-#{$brand}:#{$pseudo-default}, .st-shape-r5.st-brand-variant .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-r5.st-brand-variant .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-r5.st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-r5.st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-shape-r5.st-single-color-brand .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-shape-r5.st-single-color-brand .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-brand-color .st-shape-icon.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only .st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand .st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand .st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-icon.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color .st-shape-rounded5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only .st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand .st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand .st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-rounded5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant .st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only .st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand .st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand .st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-r5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-single-color-brand.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color-brand.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default} { // addthis @if $brand == addthis { @if $icon-color-addthis != $btn-color-addthis { color: $icon-color-addthis; } } // end addthis // adn @else if $brand == adn { @if $icon-color-adn != $btn-color-adn { color: $icon-color-adn; } } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @if $icon-color-amazon != $btn-color-amazon { color: $icon-color-amazon; } } // end amazon // android @else if $brand == android { @if $icon-color-android != $btn-color-android { color: $icon-color-android; } } // end android // apple @else if $brand == apple { @if $icon-color-apple != $btn-color-apple { color: $icon-color-apple; } } // end apple // behance @else if $brand == behance { @if $icon-color-behance != $btn-color-behance { color: $icon-color-behance; } } // end behance // blogger @else if $brand == blogger { @if $icon-color-blogger != $btn-color-blogger { color: $icon-color-blogger; } } // end blogger // codepen @else if $brand == codepen { @if $icon-color-codepen != $btn-color-codepen { color: $icon-color-codepen; } } // end codepen // delicious @else if $brand == delicious { @if $icon-color-delicious != $btn-color-delicious { color: $icon-color-delicious; } } // end delicious // deviantart, deviantart-alt * // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { @if $icon-color-deviantart != $btn-color-deviantart { color: $icon-color-deviantart; } } // end deviantart // digg @else if $brand == digg { @if $icon-color-digg != $btn-color-digg { color: $icon-color-digg; } } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @if $icon-color-dribbble != $btn-color-dribbble { color: $icon-color-dribbble; } } // end dribbble // dropbox @else if $brand == dropbox { @if $icon-color-dropbox != $btn-color-dropbox { color: $icon-color-dropbox; } } // end dropbox // ebay @else if $brand == ebay { @if $icon-color-ebay != $btn-color-ebay { color: $icon-color-ebay; } } // end ebay // email, email2 @else if $brand == email or $brand == email2 { @if $icon-color-email != $btn-color-email { color: $icon-color-email; } } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @if $icon-color-email != $btn-color-email-alt { color: $icon-color-email-alt; } } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @if $icon-color-email != $btn-color-email-alt2 { color: $icon-color-email-alt2; } } // end email-alt2 // evernote @else if $brand == evernote { @if $icon-color-evernote != $btn-color-evernote { color: $icon-color-evernote; } } // end evernote // facebook @else if $brand == facebook { @if $icon-color-facebook != $btn-color-facebook { color: $icon-color-facebook; } } // end facebook // facebook-alt @else if $brand == facebook-alt { @if $icon-color-facebook-alt != $btn-color-facebook-alt { color: $icon-color-facebook-alt; } } // end facebook-alt // flattr @else if $brand == flattr { @if $icon-color-flattr != $btn-color-flattr { color: $icon-color-flattr; } } // end flattr // flickr @else if $brand == flickr { @if $icon-color-flickr != $btn-color-flickr { color: $icon-color-flickr; } } // end flickr // forrst @else if $brand == forrst { @if $icon-color-forrst != $btn-color-forrst { color: $icon-color-forrst; } } // end forrst // foursquare @else if $brand == foursquare { @if $icon-color-foursquare != $btn-color-foursquare { color: $icon-color-foursquare; } } // end foursquare // github @else if $brand == github { @if $icon-color-github != $btn-color-github { color: $icon-color-github; } } // end github // github-alt @else if $brand == github-alt { @if $icon-color-github-alt != $btn-color-github-alt { color: $icon-color-github-alt; } } // end github-alt // gittip @else if $brand == gittip { @if $icon-color-gittip != $btn-color-gittip { color: $icon-color-gittip; } } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @if $icon-color-gmail != $btn-color-gmail { color: $icon-color-gmail; } } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @if $icon-color-gmail != $btn-color-gmail { color: $icon-color-gmail; } } // end gmail-lg // google @else if $brand == google { @if $icon-color-googleplus != $btn-color-google { color: $icon-color-google; } } // end google // googleplus @else if $brand == googleplus { @if $icon-color-googleplus != $btn-color-googleplus { color: $icon-color-googleplus; } } // end googleplus // imdb @else if $brand == imdb { @if $icon-color-imdb != $btn-color-imdb { color: $icon-color-imdb; } } // end imdb // instagram @else if $brand == instagram { @if $icon-color-instagram != $btn-color-instagram { color: $icon-color-instagram; } } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { @if $icon-color-instagram-alt != $btn-color-instagram-alt { color: $icon-color-instagram-alt; } } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { @if $icon-color-instagram-alt2 != $btn-color-instagram-alt2 { color: $icon-color-instagram-alt2; } } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { @if $icon-color-kickstarter != $btn-color-kickstarter { color: $icon-color-kickstarter; } } // end kickstarter // lastfm @else if $brand == lastfm { @if $icon-color-lastfm != $btn-color-lastfm { color: $icon-color-lastfm; } } // end lastfm // linkedin @else if $brand == linkedin { @if $icon-color-linkedin != $btn-color-linkedin { color: $icon-color-linkedin; } } // end linkedin // microsoft @else if $brand == microsoft { @if $icon-color-microsoft != $btn-color-microsoft { color: $icon-color-microsoft; } } // end microsoft // myspace @else if $brand == myspace { @if $icon-color-myspace != $btn-color-myspace { color: $icon-color-myspace; } } // end myspace // pandora @else if $brand == pandora { @if $icon-color-pandora != $btn-color-pandora { color: $icon-color-pandora; } } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @if $icon-color-paypal != $btn-color-paypal { color: $icon-color-paypal; } } // end paypal // picasa @else if $brand == picasa { @if $icon-color-picasa != $btn-color-picasa { color: $icon-color-picasa; } } // end picasa // pinboard @else if $brand == pinboard { @if $icon-color-pinboard != $btn-color-pinboard { color: $icon-color-pinboard; } } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @if $icon-color-pinterest != $btn-color-pinterest { color: $icon-color-pinterest; } } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @if $icon-color-podcast != $btn-color-podcast { color: $icon-color-podcast; } } // end podcast // rdio @else if $brand == rdio { @if $icon-color-rdio != $btn-color-rdio { color: $icon-color-rdio; } } // end rdio // reddit @else if $brand == reddit { @if $icon-color-reddit != $btn-color-reddit { color: $icon-color-reddit; } } // end reddit // rss @else if $brand == rss { @if $icon-color-rss != $btn-color-rss { color: $icon-color-rss; } } // end rss // sharethis @else if $brand == sharethis { @if $icon-color-sharethis != $btn-color-sharethis { color: $icon-color-sharethis; } } // end sharethis // skype @else if $brand == skype { @if $icon-color-skype != $btn-color-skype { color: $icon-color-skype; } } // end skype // slideshare @else if $brand == slideshare { @if $icon-color-slideshare != $btn-color-slideshare { color: $icon-color-slideshare; } } // end slideshare // soundcloud @else if $brand == soundcloud { @if $icon-color-soundcloud != $btn-color-soundcloud { color: $icon-color-soundcloud; } } // end soundcloud // spotify @else if $brand == spotify { @if $icon-color-spotify != $btn-color-spotify { color: $icon-color-spotify; } } // end spotify // stackoverflow @else if $brand == stackoverflow { @if $icon-color-stackoverflow != $btn-color-stackoverflow { color: $icon-color-stackoverflow; } } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @if $icon-color-stumbleupon != $btn-color-stumbleupon { color: $icon-color-stumbleupon; } } // end stumbleupon // tumblr @else if $brand == tumblr { @if $icon-color-tumblr != $btn-color-tumblr { color: $icon-color-tumblr; } } // end tumblr // twitter @else if $brand == twitter { @if $icon-color-twitter != $btn-color-twitter { color: $icon-color-twitter; } } // end twitter // vimeo @else if $brand == vimeo { @if $icon-color-vimeo != $btn-color-vimeo { color: $icon-color-vimeo; } } // end vimeo // vine @else if $brand == vine { @if $icon-color-vine != $btn-color-vine { color: $icon-color-vine; } } // end vine // windows @else if $brand == windows { @if $icon-color-windows != $btn-color-windows { color: $icon-color-windows; } } // end windows // windows7 @else if $brand == windows7 { @if $icon-color-windows7 != $btn-color-windows7 { color: $icon-color-windows7; } } // end windows7 // wordpress @else if $brand == wordpress { @if $icon-color-wordpress != $btn-color-wordpress { color: $icon-color-wordpress; } } // end wordpress // xing @else if $brand == xing { @if $icon-color-xing != $btn-color-xing { color: $icon-color-xing; } } // end xing // yahoo, yahoo-alt // (* yahoo-alt in stackicons-social-complete) @else if $brand == yahoo or $brand == yahoo-alt { @if $icon-color-yahoo != $btn-color-yahoo { color: $icon-color-yahoo; } } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { @if $icon-color-yelp != $btn-color-yelp { color: $icon-color-yelp; } } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @if $icon-color-youtube != $btn-color-youtube { color: $icon-color-youtube; } } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @if $icon-color-youtube-alt != $btn-color-youtube-alt { color: $icon-color-youtube-alt; } } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @if $icon-color-youtube-alt2 != $btn-color-youtube-alt2 { color: $icon-color-youtube-alt2; } } // end youtube-alt2 // zerply @else if $brand == zerply { @if $icon-color-zerply != $btn-color-zerply { color: $icon-color-zerply; } } // end zerply // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @if $icon-color-cart != $btn-color-cart { color: $icon-color-cart; } } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @if $icon-color-menu != $btn-color-menu { color: $icon-color-menu; } } // end menu // more (ellipsis...) @else if $brand == more { @if $icon-color-more != $btn-color-more { color: $icon-color-more; } } // end more // search, search-alt @else if $brand == search or $brand == search-alt { @if $icon-color-search != $btn-color-search { color: $icon-color-search; } } // end search // triangle-down, -left, -right, -up * // (-left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up { @if $icon-color-triangle-down != $btn-color-triangle { color: $icon-color-triangle; } } // end triangle-down } // end .st-brand-color.st-shape-icon // .st-brand-color:hover .st-brand-color .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-brand-color.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-icon-#{$brand}:focus:#{$pseudo-default} { // addthis @if $brand == addthis { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-addthis); } @else { @include adjust-brand-color-hover($btn-color-addthis); } } // end addthis // adn @else if $brand == adn { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-adn); } @else { @include adjust-brand-color-hover($btn-color-adn); } } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-amazon); } @else { @include adjust-brand-color-hover($btn-color-amazon); } } // end amazon // android @else if $brand == android { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-android); } @else { @include adjust-brand-color-hover($btn-color-android); } } // end android // apple @else if $brand == apple { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-apple); } @else { @include adjust-brand-color-hover($btn-color-apple); } } // end apple // behance @else if $brand == behance { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-behance); } @else { @include adjust-brand-color-hover($btn-color-behance); } } // end behance // blogger @else if $brand == blogger { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-blogger); } @else { @include adjust-brand-color-hover($btn-color-blogger); } } // end blogger // codepen @else if $brand == codepen { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-codepen); } @else { @include adjust-brand-color-hover($btn-color-codepen); } } // end codepen // delicious @else if $brand == delicious { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-delicious); } @else { @include adjust-brand-color-hover($btn-color-delicious); } } // end delicious // deviantart, deviantart-alt * // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-deviantart); } @else { @include adjust-brand-color-hover($btn-color-deviantart); } } // end deviantart // digg @else if $brand == digg { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-digg); } @else { @include adjust-brand-color-hover($btn-color-digg); } } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-dribbble); } @else { @include adjust-brand-color-hover($btn-color-dribbble); } } // end dribbble // dropbox @else if $brand == dropbox { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-dropbox); } @else { @include adjust-brand-color-hover($btn-color-dropbox); } } // end dropbox // ebay @else if $brand == ebay { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-ebay); } @else { @include adjust-brand-color-hover($btn-color-ebay); } } // end ebay // email, email2 @else if $brand == email { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-email); } @else { @include adjust-brand-color-hover($btn-color-email); } } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-email-alt); } @else { @include adjust-brand-color-hover($btn-color-email-alt); } } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-email-alt2); } @else { @include adjust-brand-color-hover($btn-color-email-alt2); } } // end email-alt2 // evernote @else if $brand == evernote { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-evernote); } @else { @include adjust-brand-color-hover($btn-color-evernote); } } // end evernote // facebook @else if $brand == facebook { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-facebook); } @else { @include adjust-brand-color-hover($btn-color-facebook); } } // end facebook // facebook-alt @else if $brand == facebook-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-facebook-alt); } @else { @include adjust-brand-color-hover($btn-color-facebook-alt); } } // end facebook-alt // flattr @else if $brand == flattr { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-flattr); } @else { @include adjust-brand-color-hover($btn-color-flattr); } } // end flattr // flickr @else if $brand == flickr { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-flickr); } @else { @include adjust-brand-color-hover($btn-color-flickr); } } // end flickr // forrst @else if $brand == forrst { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-forrst); } @else { @include adjust-brand-color-hover($btn-color-forrst); } } // end forrst // foursquare @else if $brand == foursquare { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-foursquare); } @else { @include adjust-brand-color-hover($btn-color-foursquare); } } // end foursquare // github @else if $brand == github { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-github); } @else { @include adjust-brand-color-hover($btn-color-github); } } // end github // github-alt @else if $brand == github-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-github-alt); } @else { @include adjust-brand-color-hover($btn-color-github-alt); } } // end github-alt // gittip @else if $brand == gittip { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-gittip); } @else { @include adjust-brand-color-hover($btn-color-gittip); } } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-gmail); } @else { @include adjust-brand-color-hover($btn-color-gmail); } } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-gmail); } @else { @include adjust-brand-color-hover($btn-color-gmail); } } // end gmail // google @else if $brand == google { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-google); } @else { @include adjust-brand-color-hover($btn-color-google); } } // end google // googleplus @else if $brand == googleplus { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-googleplus); } @else { @include adjust-brand-color-hover($btn-color-googleplus); } } // end googleplus // imdb @else if $brand == imdb { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-imdb); } @else { @include adjust-brand-color-hover($btn-color-imdb); } } // end imdb // instagram @else if $brand == instagram { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-instagram); } @else { @include adjust-brand-color-hover($btn-color-instagram); } } // end instagram // instagram-alt, instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt or $brand == instagram-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-instagram); } @else { @include adjust-brand-color-hover($btn-color-instagram); } } // end instagram // kickstarter @else if $brand == kickstarter { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-kickstarter); } @else { @include adjust-brand-color-hover($btn-color-kickstarter); } } // end kickstarter // lastfm @else if $brand == lastfm { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-lastfm); } @else { @include adjust-brand-color-hover($btn-color-lastfm); } } // end lastfm // linkedin @else if $brand == linkedin { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-linkedin); } @else { @include adjust-brand-color-hover($btn-color-linkedin); } } // end linkedin // microsoft @else if $brand == microsoft { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-microsoft); } @else { @include adjust-brand-color-hover($btn-color-microsoft); } } // end microsoft // myspace @else if $brand == myspace { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-myspace); } @else { @include adjust-brand-color-hover($btn-color-myspace); } } // end myspace // pandora @else if $brand == pandora { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-pandora); } @else { @include adjust-brand-color-hover($btn-color-pandora); } } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-paypal); } @else { @include adjust-brand-color-hover($btn-color-paypal); } } // end paypal // picasa @else if $brand == picasa { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-picasa); } @else { @include adjust-brand-color-hover($btn-color-picasa); } } // end picasa // pinboard @else if $brand == pinboard { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-pinboard); } @else { @include adjust-brand-color-hover($btn-color-pinboard); } } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-pinterest); } @else { @include adjust-brand-color-hover($btn-color-pinterest); } } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-podcast); } @else { @include adjust-brand-color-hover($btn-color-podcast); } } // end podcast // rdio @else if $brand == rdio { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-rdio); } @else { @include adjust-brand-color-hover($btn-color-rdio); } } // end rdio // reddit @else if $brand == reddit { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-reddit); } @else { @include adjust-brand-color-hover($btn-color-reddit); } } // end reddit // rss @else if $brand == rss { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-rss); } @else { @include adjust-brand-color-hover($btn-color-rss); } } // end rss // sharethis @else if $brand == sharethis { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-sharethis); } @else { @include adjust-brand-color-hover($btn-color-sharethis); } } // end sharethis // skype @else if $brand == skype { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-skype); } @else { @include adjust-brand-color-hover($btn-color-skype); } } // end skype // slideshare @else if $brand == slideshare { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-slideshare); } @else { @include adjust-brand-color-hover($btn-color-slideshare); } } // end slideshare // soundcloud @else if $brand == soundcloud { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-soundcloud); } @else { @include adjust-brand-color-hover($btn-color-soundcloud); } } // end soundcloud // spotify @else if $brand == spotify { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-spotify); } @else { @include adjust-brand-color-hover($btn-color-spotify); } } // end spotify // stackoverflow @else if $brand == stackoverflow { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-stackoverflow); } @else { @include adjust-brand-color-hover($btn-color-stackoverflow); } } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-stumbleupon); } @else { @include adjust-brand-color-hover($btn-color-stumbleupon); } } // end stumbleupon // tumblr @else if $brand == tumblr { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-tumblr); } @else { @include adjust-brand-color-hover($btn-color-tumblr); } } // end tumblr // twitter @else if $brand == twitter { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-twitter); } @else { @include adjust-brand-color-hover($btn-color-twitter); } } // end twitter // vimeo @else if $brand == vimeo { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-vimeo); } @else { @include adjust-brand-color-hover($btn-color-vimeo); } } // end vimeo // vine @else if $brand == vine { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-vine); } @else { @include adjust-brand-color-hover($btn-color-vine); } } // end vine // windows @else if $brand == windows { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-windows); } @else { @include adjust-brand-color-hover($btn-color-windows); } } // end windows // windows7 @else if $brand == windows7 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-windows7); } @else { @include adjust-brand-color-hover($btn-color-windows7); } } // end windows7 // wordpress @else if $brand == wordpress { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-wordpress); } @else { @include adjust-brand-color-hover($btn-color-wordpress); } } // end wordpress // xing @else if $brand == xing { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-xing); } @else { @include adjust-brand-color-hover($btn-color-xing); } } // end xing // yahoo @else if $brand == yahoo or $brand == yahoo-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-yahoo); } @else { @include adjust-brand-color-hover($btn-color-yahoo); } } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-yelp); } @else { @include adjust-brand-color-hover($btn-color-yelp); } } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-youtube); } @else { @include adjust-brand-color-hover($btn-color-youtube); } } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-youtube-alt); } @else { @include adjust-brand-color-hover($btn-color-youtube-alt); } } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-youtube-alt2); } @else { @include adjust-brand-color-hover($btn-color-youtube-alt2); } } // end youtube-alt2 // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-cart); } @else { @include adjust-brand-color-hover($btn-color-cart); } } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-menu); } @else { @include adjust-brand-color-hover($btn-color-menu); } } // end menu // more (ellipsis...) @else if $brand == more { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-more); } @else { @include adjust-brand-color-hover($btn-color-more); } } // end more // triangle-down, -left, -right, -up * // ( * -left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up{ @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-triangle); } @else { @include adjust-brand-color-hover($btn-color-triangle); } } // end triangle-down // search, search-alt @else if $brand == search or $brand == search-alt { @if $btn-shape-default == icon { @include adjust-brand-color-hover($icon-color-search); } @else { @include adjust-brand-color-hover($btn-color-search); } } // end search } // end .st-brand-color:hover // .st-brand-color:hover .st-shape-icon (force icon color) .st-brand-color.st-shape-icon .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-icon .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-rounded5 .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-rounded5 .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-r5 .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-r5 .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-brand-color .st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color .st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color .st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color .st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color .st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color .st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-color.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-color.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default} { // addthis @if $brand == addthis { @if $icon-color-addthis != $btn-color-addthis { @include adjust-brand-color-hover($icon-color-addthis); } } // end addthis // adn @else if $brand == adn { @if $icon-color-adn != $btn-color-adn { @include adjust-brand-color-hover($icon-color-adn); } } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @if $icon-color-amazon != $btn-color-amazon { @include adjust-brand-color-hover($icon-color-amazon); } } // end amazon // android @else if $brand == android { @if $icon-color-android != $btn-color-android { @include adjust-brand-color-hover($icon-color-android); } } // end android // apple @else if $brand == apple { @if $icon-color-apple != $btn-color-apple { @include adjust-brand-color-hover($icon-color-apple); } } // end apple // behance @else if $brand == behance { @if $icon-color-behance != $btn-color-behance { @include adjust-brand-color-hover($icon-color-behance); } } // end behance // blogger @else if $brand == blogger { @if $icon-color-blogger != $btn-color-blogger { @include adjust-brand-color-hover($icon-color-blogger); } } // end blogger // codepen @else if $brand == codepen { @if $icon-color-codepen != $btn-color-codepen { @include adjust-brand-color-hover($icon-color-codepen); } } // end codepen // deviantart, deviantart-alt @else if $brand == deviantart or $brand == deviantart-alt { @if $icon-color-deviantart != $btn-color-deviantart { @include adjust-brand-color-hover($icon-color-deviantart); } } // end deviantart // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @if $icon-color-dribbble != $btn-color-dribbble { @include adjust-brand-color-hover($icon-color-dribbble); } } // end dribbble // dropbox @else if $brand == dropbox { @if $icon-color-dropbox != $btn-color-dropbox { @include adjust-brand-color-hover($icon-color-dropbox); } } // end dropbox // ebay @else if $brand == ebay { @if $icon-color-ebay != $btn-color-ebay { @include adjust-brand-color-hover($icon-color-ebay); } } // end ebay // email, email2 @else if $brand == email or $brand == email2 { @if $icon-color-email != $btn-color-email { @include adjust-brand-color-hover($icon-color-email); } } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @if $icon-color-email != $btn-color-email-alt { @include adjust-brand-color-hover($icon-color-email-alt); } } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @if $icon-color-email != $btn-color-email-alt2 { @include adjust-brand-color-hover($icon-color-email-alt2); } } // end email-alt2 // evernote @else if $brand == evernote { @if $icon-color-evernote != $btn-color-evernote { @include adjust-brand-color-hover($icon-color-evernote); } } // end evernote // facebook @else if $brand == facebook { @if $icon-color-facebook != $btn-color-facebook { @include adjust-brand-color-hover($icon-color-facebook); } } // end facebook // facebook-alt @else if $brand == facebook-alt { @if $icon-color-facebook-alt != $btn-color-facebook-alt { @include adjust-brand-color-hover($icon-color-facebook-alt); } } // end facebook-alt // flattr @else if $brand == flattr { @if $icon-color-flattr != $btn-color-flattr { @include adjust-brand-color-hover($icon-color-flattr); } } // end flattr // flickr @else if $brand == flickr { @if $icon-color-flickr != $btn-color-flickr { @include adjust-brand-color-hover($icon-color-flickr); } } // end flickr // forrst @else if $brand == forrst { @if $icon-color-forrst != $btn-color-forrst { @include adjust-brand-color-hover($icon-color-forrst); } } // end forrst // foursquare @else if $brand == foursquare { @if $icon-color-foursquare != $btn-color-foursquare { @include adjust-brand-color-hover($icon-color-foursquare); } } // end foursquare // github @else if $brand == github { @if $icon-color-github != $btn-color-github { @include adjust-brand-color-hover($icon-color-github); } } // end github // github-alt @else if $brand == github-alt { @if $icon-color-github-alt != $btn-color-github-alt { @include adjust-brand-color-hover($icon-color-github-alt); } } // end github-alt // gittip @else if $brand == gittip { @if $icon-color-gittip != $btn-color-gittip { @include adjust-brand-color-hover($icon-color-gittip); } } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @if $icon-color-gmail != $btn-color-gmail { @include adjust-brand-color-hover($icon-color-gmail); } } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @if $icon-color-gmail != $btn-color-gmail { @include adjust-brand-color-hover($icon-color-gmail); } } // end gmail-lg // google @else if $brand == google { @if $icon-color-googleplus != $btn-color-google { @include adjust-brand-color-hover($icon-color-google); } } // end google // googleplus @else if $brand == googleplus { @if $icon-color-googleplus != $btn-color-googleplus { @include adjust-brand-color-hover($icon-color-googleplus); } } // end googleplus // imdb @else if $brand == imdb { @if $icon-color-imdb != $btn-color-imdb { @include adjust-brand-color-hover($icon-color-imdb); } } // end imdb // instagram @else if $brand == instagram { @if $icon-color-instagram != $btn-color-instagram { @include adjust-brand-color-hover($icon-color-instagram); } } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { @if $icon-color-instagram-alt != $btn-color-instagram-alt { @include adjust-brand-color-hover($icon-color-instagram-alt); } } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { @if $icon-color-instagram-alt2 != $btn-color-instagram-alt2 { @include adjust-brand-color-hover($icon-color-instagram-alt2); } } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { @if $icon-color-kickstarter != $btn-color-kickstarter { @include adjust-brand-color-hover($icon-color-kickstarter); } } // end kickstarter // lastfm @else if $brand == lastfm { @if $icon-color-lastfm != $btn-color-lastfm { @include adjust-brand-color-hover($icon-color-lastfm); } } // end lastfm // linkedin @else if $brand == linkedin { @if $icon-color-linkedin != $btn-color-linkedin { @include adjust-brand-color-hover($icon-color-linkedin); } } // end linkedin // microsoft @else if $brand == microsoft { @if $icon-color-microsoft != $btn-color-microsoft { @include adjust-brand-color-hover($icon-color-microsoft); } } // end microsoft // myspace @else if $brand == myspace { @if $icon-color-myspace != $btn-color-myspace { @include adjust-brand-color-hover($icon-color-myspace); } } // end myspace // pandora @else if $brand == pandora { @if $icon-color-pandora != $btn-color-pandora { @include adjust-brand-color-hover($icon-color-pandora); } } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @if $icon-color-paypal != $btn-color-paypal { @include adjust-brand-color-hover($icon-color-paypal); } } // end paypal // picasa @else if $brand == picasa { @if $icon-color-picasa != $btn-color-picasa { @include adjust-brand-color-hover($icon-color-picasa); } } // end picasa // pinboard @else if $brand == pinboard { @if $icon-color-pinboard != $btn-color-pinboard { @include adjust-brand-color-hover($icon-color-pinboard); } } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @if $icon-color-pinterest != $btn-color-pinterest { @include adjust-brand-color-hover($icon-color-pinterest); } } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @if $icon-color-podcast != $btn-color-podcast { @include adjust-brand-color-hover($icon-color-podcast); } } // end podcast // rdio @else if $brand == rdio { @if $icon-color-rdio != $btn-color-rdio { @include adjust-brand-color-hover($icon-color-rdio); } } // end rdio // reddit @else if $brand == reddit { @if $icon-color-reddit != $btn-color-reddit { @include adjust-brand-color-hover($icon-color-reddit); } } // end reddit // rss @else if $brand == rss { @if $icon-color-rss != $btn-color-rss { @include adjust-brand-color-hover($icon-color-rss); } } // end rss // sharethis @else if $brand == sharethis { @if $icon-color-sharethis != $btn-color-sharethis { @include adjust-brand-color-hover($icon-color-sharethis); } } // end sharethis // skype @else if $brand == skype { @if $icon-color-skype != $btn-color-skype { @include adjust-brand-color-hover($icon-color-skype); } } // end skype // slideshare @else if $brand == slideshare { @if $icon-color-slideshare != $btn-color-slideshare { @include adjust-brand-color-hover($icon-color-slideshare); } } // end slideshare // soundcloud @else if $brand == soundcloud { @if $icon-color-soundcloud != $btn-color-soundcloud { @include adjust-brand-color-hover($icon-color-soundcloud); } } // end soundcloud // spotify @else if $brand == spotify { @if $icon-color-spotify != $btn-color-spotify { @include adjust-brand-color-hover($icon-color-spotify); } } // end spotify // stackoverflow @else if $brand == stackoverflow { @if $icon-color-stackoverflow != $btn-color-stackoverflow { @include adjust-brand-color-hover($icon-color-stackoverflow); } } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @if $icon-color-stumbleupon != $btn-color-stumbleupon { @include adjust-brand-color-hover($icon-color-stumbleupon); } } // end stumbleupon // tumblr @else if $brand == tumblr { @if $icon-color-tumblr != $btn-color-tumblr { @include adjust-brand-color-hover($icon-color-tumblr); } } // end tumblr // twitter @else if $brand == twitter { @if $icon-color-twitter != $btn-color-twitter { @include adjust-brand-color-hover($icon-color-twitter); } } // end twitter // vimeo @else if $brand == vimeo { @if $icon-color-vimeo != $btn-color-vimeo { @include adjust-brand-color-hover($icon-color-vimeo); } } // end vimeo // vine @else if $brand == vine { @if $icon-color-vine != $btn-color-vine { @include adjust-brand-color-hover($icon-color-vine); } } // end vine // windows @else if $brand == windows { @if $icon-color-windows != $btn-color-windows { @include adjust-brand-color-hover($icon-color-windows); } } // end windows // windows7 @else if $brand == windows7 { @if $icon-color-windows7 != $btn-color-windows7 { @include adjust-brand-color-hover($icon-color-windows7); } } // end windows7 // wordpress @else if $brand == wordpress { @if $icon-color-wordpress != $btn-color-wordpress { @include adjust-brand-color-hover($icon-color-wordpress); } } // end wordpress // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @if $icon-color-youtube != $btn-color-youtube { @include adjust-brand-color-hover($icon-color-youtube); } } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @if $icon-color-youtube-alt != $btn-color-youtube-alt { @include adjust-brand-color-hover($icon-color-youtube-alt); } } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @if $icon-color-youtube-alt2 != $btn-color-youtube-alt2 { @include adjust-brand-color-hover($icon-color-youtube-alt2); } } // end youtube-alt2 // zerply @else if $brand == zerply { @if $icon-color-zerply != $btn-color-zerply { @include adjust-brand-color-hover($icon-color-zerply); } } // end zerply // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @if $icon-color-menu != $btn-color-cart { @include adjust-brand-color-hover($icon-color-cart); } } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @if $icon-color-menu != $btn-color-menu { @include adjust-brand-color-hover($icon-color-menu); } } // end menu // more (ellipsis...) @else if $brand == more { @if $icon-color-more != $btn-color-more { @include adjust-brand-color-hover($icon-color-more); } } // end more // triangle-down, -left, -right, -up * // (-left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up { @if $icon-color-triangle-down != $btn-color-triangle { @include adjust-brand-color-hover($icon-color-triangle); } } // end triangle-down // search, search-alt @else if $brand == search or $brand == search-alt { @if $icon-color-search != $btn-color-search { @include adjust-brand-color-hover($icon-color-search); } } // end search } // end brand-color:hover .st-shape-icon // brand-variant .st-brand-variant .st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-icon-#{$brand}:#{$pseudo-default} { // addthis @if $brand == addthis { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-addthis); } @else { @include adjust-brand-color($btn-color-addthis); } } // end addthis // adn @else if $brand == adn { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-adn); } @else { @include adjust-brand-color($btn-color-adn); } } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-amazon); } @else { @include adjust-brand-color($btn-color-amazon); } } // end amazon // android @else if $brand == android { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-android); } @else { @include adjust-brand-color($btn-color-android); } } // end android // apple @else if $brand == apple { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-apple); } @else { @include adjust-brand-color($btn-color-apple); } } // end apple // behance @else if $brand == behance { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-behance); } @else { @include adjust-brand-color($btn-color-behance); } } // end behance // blogger @else if $brand == blogger { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-blogger); } @else { @include adjust-brand-color($btn-color-blogger); } } // end blogger // codepen @else if $brand == codepen { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-codepen); } @else { @include adjust-brand-color($btn-color-codepen); } } // end codepen // delicious @else if $brand == delicious { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-delicious); } @else { @include adjust-brand-color($btn-color-delicious); } } // end delicious // deviantart, deviantart-alt * // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-deviantart); } @else { @include adjust-brand-color($btn-color-deviantart); } } // end deviantart // digg @else if $brand == digg { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-digg); } @else { @include adjust-brand-color($btn-color-digg); } } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-dribbble); } @else { @include adjust-brand-color($btn-color-dribbble); } } // end dribbble // dropbox @else if $brand == dropbox { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-dropbox); } @else { @include adjust-brand-color($btn-color-dropbox); } } // end dropbox // ebay @else if $brand == ebay { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-ebay); } @else { @include adjust-brand-color($btn-color-ebay); } } // end ebay // email, email2 @else if $brand == email or $brand == email2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-email); } @else { @include adjust-brand-color($btn-color-email); } } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-email-alt); } @else { @include adjust-brand-color($btn-color-email-alt); } } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-email-alt2); } @else { @include adjust-brand-color($btn-color-email-alt2); } } // end email-alt2 // evernote @else if $brand == evernote { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-evernote); } @else { @include adjust-brand-color($btn-color-evernote); } } // end evernote // facebook @else if $brand == facebook { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-facebook); } @else { @include adjust-brand-color($btn-color-facebook); } } // end facebook // facebook-alt @else if $brand == facebook-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-facebook-alt); } @else { @include adjust-brand-color($btn-color-facebook-alt); } } // end facebook-alt // flattr @else if $brand == flattr { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-flattr); } @else { @include adjust-brand-color($btn-color-flattr); } } // end flattr // flickr @else if $brand == flickr { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-flickr); } @else { @include adjust-brand-color($btn-color-flickr); } } // end flickr // forrst @else if $brand == forrst { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-forrst); } @else { @include adjust-brand-color($btn-color-forrst); } } // end forrst // foursquare @else if $brand == foursquare { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-foursquare); } @else { @include adjust-brand-color($btn-color-foursquare); } } // end foursquare // github @else if $brand == github { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-github); } @else { @include adjust-brand-color($btn-color-github); } } // end github // github-alt @else if $brand == github-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-github-alt); } @else { @include adjust-brand-color($btn-color-github-alt); } } // end github-alt // gittip @else if $brand == gittip { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-gittip); } @else { @include adjust-brand-color($btn-color-gittip); } } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-gmail); } @else { @include adjust-brand-color($btn-color-gmail); } } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-gmail); } @else { @include adjust-brand-color($btn-color-gmail); } } // end gmail // google @else if $brand == google { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-google); } @else { @include adjust-brand-color($btn-color-google); } } // end google // googleplus @else if $brand == googleplus { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-googleplus); } @else { @include adjust-brand-color($btn-color-googleplus); } } // end googleplus // imdb @else if $brand == imdb { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-imdb); } @else { @include adjust-brand-color($btn-color-imdb); } } // end imdb // instagram @else if $brand == instagram { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-instagram); } @else { @include adjust-brand-color($btn-color-instagram); } } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-instagram-alt); } @else { @include adjust-brand-color($btn-color-instagram-alt); } } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-instagram-alt2); } @else { @include adjust-brand-color($btn-color-instagram-alt2); } } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-kickstarter); } @else { @include adjust-brand-color($btn-color-kickstarter); } } // end kickstarter // lastfm @else if $brand == lastfm { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-lastfm); } @else { @include adjust-brand-color($btn-color-lastfm); } } // end lastfm // linkedin @else if $brand == linkedin { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-linkedin); } @else { @include adjust-brand-color($btn-color-linkedin); } } // end linkedin // microsoft @else if $brand == microsoft { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-microsoft); } @else { @include adjust-brand-color($btn-color-microsoft); } } // end microsoft // myspace @else if $brand == myspace { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-myspace); } @else { @include adjust-brand-color($btn-color-myspace); } } // end myspace // pandora @else if $brand == pandora { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-pandora); } @else { @include adjust-brand-color($btn-color-pandora); } } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-paypal); } @else { @include adjust-brand-color($btn-color-paypal); } } // end paypal // picasa @else if $brand == picasa { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-picasa); } @else { @include adjust-brand-color($btn-color-picasa); } } // end picasa // pinboard @else if $brand == pinboard { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-pinboard); } @else { @include adjust-brand-color($btn-color-pinboard); } } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-pinterest); } @else { @include adjust-brand-color($btn-color-pinterest); } } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-podcast); } @else { @include adjust-brand-color($btn-color-podcast); } } // end podcast // rdio @else if $brand == rdio { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-rdio); } @else { @include adjust-brand-color($btn-color-rdio); } } // end rdio // reddit @else if $brand == reddit { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-reddit); } @else { @include adjust-brand-color($btn-color-reddit); } } // end reddit // rss @else if $brand == rss { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-rss); } @else { @include adjust-brand-color($btn-color-rss); } } // end rss // sharethis @else if $brand == sharethis { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-sharethis); } @else { @include adjust-brand-color($btn-color-sharethis); } } // end sharethis // skype @else if $brand == skype { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-skype); } @else { @include adjust-brand-color($btn-color-skype); } } // end skype // slideshare @else if $brand == slideshare { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-slideshare); } @else { @include adjust-brand-color($btn-color-slideshare); } } // end slideshare // soundcloud @else if $brand == soundcloud { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-soundcloud); } @else { @include adjust-brand-color($btn-color-soundcloud); } } // end soundcloud // spotify @else if $brand == spotify { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-spotify); } @else { @include adjust-brand-color($btn-color-spotify); } } // end spotify // stackoverflow @else if $brand == stackoverflow { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-stackoverflow); } @else { @include adjust-brand-color($btn-color-stackoverflow); } } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-stumbleupon); } @else { @include adjust-brand-color($btn-color-stumbleupon); } } // end stumbleupon // tumblr @else if $brand == tumblr { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-tumblr); } @else { @include adjust-brand-color($btn-color-tumblr); } } // end tumblr // twitter @else if $brand == twitter { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-twitter); } @else { @include adjust-brand-color($btn-color-twitter); } } // end twitter // vimeo @else if $brand == vimeo { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-vimeo); } @else { @include adjust-brand-color($btn-color-vimeo); } } // end vimeo // vine @else if $brand == vine { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-vine); } @else { @include adjust-brand-color($btn-color-vine); } } // end vine // windows @else if $brand == windows { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-windows); } @else { @include adjust-brand-color($btn-color-windows); } } // end windows // windows7 @else if $brand == windows7 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-windows7); } @else { @include adjust-brand-color($btn-color-windows7); } } // end windows7 // wordpress @else if $brand == wordpress { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-wordpress); } @else { @include adjust-brand-color($btn-color-wordpress); } } // end wordpress // xing @else if $brand == xing { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-xing); } @else { @include adjust-brand-color($btn-color-xing); } } // end xing // yahoo, yahoo-alt // (* yahoo-alt in stackicons-social-complete) @else if $brand == yahoo or $brand == yahoo-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-yahoo); } @else { @include adjust-brand-color($btn-color-yahoo); } } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-yelp); } @else { @include adjust-brand-color($btn-color-yelp); } } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-youtube); } @else { @include adjust-brand-color($btn-color-youtube); } } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-youtube-alt); } @else { @include adjust-brand-color($btn-color-youtube-alt); } } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-youtube-alt2); } @else { @include adjust-brand-color($btn-color-youtube-alt2); } } // end youtube-alt2 // zerply @else if $brand == zerply { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-zerply); } @else { @include adjust-brand-color($btn-color-zerply); } } // end zerply // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-cart); } @else { @include adjust-brand-color($btn-color-cart); } } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-menu); } @else { @include adjust-brand-color($btn-color-menu); } } // end menu // more (ellipsis...) @else if $brand == more { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-more); } @else { @include adjust-brand-color($btn-color-more); } } // end more // triangle-down, -left, -right, -up * // (-left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up{ @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-triangle); } @else { @include adjust-brand-color($btn-color-triangle); } } // end triangle-down // search, search-alt @else if $brand == search or $brand == search-alt { @if $btn-shape-default == icon { @include adjust-brand-color($icon-color-search); } @else { @include adjust-brand-color($btn-color-search); } } // end search } // end .st-brand-variant // .st-brand-variant .st-shape-icon (force icon color) .st-brand-variant.st-shape-icon .st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-shape-icon.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-icon.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5 .st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-shape-rounded5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-r5 .st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant .st-shape-r5.st-icon-#{$brand}:#{$pseudo-default}, .st-brand-variant.st-shape-r5.st-icon-#{$brand}:#{$pseudo-default} { // addthis @if $brand == addthis { @include adjust-brand-color($icon-color-addthis); } // end addthis // adn @else if $brand == adn { @include adjust-brand-color($icon-color-adn); } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { @include adjust-brand-color($icon-color-amazon); } // end amazon // android @else if $brand == android { @include adjust-brand-color($icon-color-android); } // end android // apple @else if $brand == apple { @include adjust-brand-color($icon-color-apple); } // end apple // behance @else if $brand == behance { @include adjust-brand-color($icon-color-behance); } // end behance // blogger @else if $brand == blogger { @include adjust-brand-color($icon-color-blogger); } // end blogger // codepen @else if $brand == codepen { @include adjust-brand-color($icon-color-codepen); } // end codepen // delicious @else if $brand == delicious { @include adjust-brand-color($icon-color-delicious); } // end delicious // deviantart, deviantart-alt * // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { @include adjust-brand-color($icon-color-deviantart); } // end deviantart // digg @else if $brand == digg { @include adjust-brand-color($icon-color-digg); } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { @include adjust-brand-color($icon-color-dribbble); } // end dribbble // dropbox @else if $brand == dropbox { @include adjust-brand-color($icon-color-dropbox); } // end dropbox // ebay @else if $brand == ebay { @include adjust-brand-color($icon-color-ebay); } // end ebay // email, email2 @else if $brand == email or $brand == email2 { @include adjust-brand-color($icon-color-email); } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { @include adjust-brand-color($icon-color-email-alt); } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { @include adjust-brand-color($icon-color-email-alt2); } // end email-alt2 // evernote @else if $brand == evernote { @include adjust-brand-color($icon-color-evernote); } // end evernote // facebook @else if $brand == facebook { @include adjust-brand-color($icon-color-facebook); } // end facebook // facebook-alt @else if $brand == facebook-alt { @include adjust-brand-color($icon-color-facebook-alt); } // end facebook-alt // flattr @else if $brand == flattr { @include adjust-brand-color($icon-color-flattr); } // end flattr // flickr @else if $brand == flickr { @include adjust-brand-color($icon-color-flickr); } // end flickr // forrst @else if $brand == forrst { @include adjust-brand-color($icon-color-forrst); } // end forrst // foursquare @else if $brand == foursquare { @include adjust-brand-color($icon-color-foursquare); } // end foursquare // github @else if $brand == github { @include adjust-brand-color($icon-color-github); } // end github // github-alt @else if $brand == github-alt { @include adjust-brand-color($icon-color-github-alt); } // end github-alt // gittip @else if $brand == gittip { @include adjust-brand-color($icon-color-gittip); } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { @include adjust-brand-color($icon-color-gmail); } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { @include adjust-brand-color($icon-color-gmail); } // end gmail // google @else if $brand == google { @include adjust-brand-color($icon-color-google); } // end google // googleplus @else if $brand == googleplus { @include adjust-brand-color($icon-color-googleplus); } // end googleplus // imdb @else if $brand == imdb { @include adjust-brand-color($icon-color-imdb); } // end imdb // instagram @else if $brand == instagram { @include adjust-brand-color($icon-color-instagram); } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { @include adjust-brand-color($icon-color-instagram-alt); } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { @include adjust-brand-color($icon-color-instagram-alt2); } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { @include adjust-brand-color($icon-color-kickstarter); } // end kickstarter // lastfm @else if $brand == lastfm { @include adjust-brand-color($icon-color-lastfm); } // end lastfm // linkedin @else if $brand == linkedin { @include adjust-brand-color($icon-color-linkedin); } // end linkedin // microsoft @else if $brand == microsoft { @include adjust-brand-color($icon-color-microsoft); } // end microsoft // myspace @else if $brand == myspace { @include adjust-brand-color($icon-color-myspace); } // end myspace // pandora @else if $brand == pandora { @include adjust-brand-color($icon-color-pandora); } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { @include adjust-brand-color($icon-color-paypal); } // end paypal // picasa @else if $brand == picasa { @include adjust-brand-color($icon-color-picasa); } // end picasa // pinboard @else if $brand == pinboard { @include adjust-brand-color($icon-color-pinboard); } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { @include adjust-brand-color($icon-color-pinterest); } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { @include adjust-brand-color($icon-color-podcast); } // end podcast // rdio @else if $brand == rdio { @include adjust-brand-color($icon-color-rdio); } // end rdio // reddit @else if $brand == reddit { @include adjust-brand-color($icon-color-reddit); } // end reddit // rss @else if $brand == rss { @include adjust-brand-color($icon-color-rss); } // end rss // sharethis @else if $brand == sharethis { @include adjust-brand-color($icon-color-sharethis); } // end sharethis // skype @else if $brand == skype { @include adjust-brand-color($icon-color-skype); } // end skype // slideshare @else if $brand == slideshare { @include adjust-brand-color($icon-color-slideshare); } // end slideshare // soundcloud @else if $brand == soundcloud { @include adjust-brand-color($icon-color-soundcloud); } // end soundcloud // spotify @else if $brand == spotify { @include adjust-brand-color($icon-color-spotify); } // end spotify // stackoverflow @else if $brand == stackoverflow { @include adjust-brand-color($icon-color-stackoverflow); } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { @include adjust-brand-color($icon-color-stumbleupon); } // end stumbleupon // tumblr @else if $brand == tumblr { @include adjust-brand-color($icon-color-tumblr); } // end tumblr // twitter @else if $brand == twitter { @include adjust-brand-color($icon-color-twitter); } // end twitter // vimeo @else if $brand == vimeo { @include adjust-brand-color($icon-color-vimeo); } // end vimeo // vine @else if $brand == vine { @include adjust-brand-color($icon-color-vine); } // end vine // windows @else if $brand == windows { @include adjust-brand-color($icon-color-windows); } // end windows // windows7 @else if $brand == windows7 { @include adjust-brand-color($icon-color-windows7); } // end windows7 // wordpress @else if $brand == wordpress { @include adjust-brand-color($icon-color-wordpress); } // end wordpress // xing @else if $brand == xing { @include adjust-brand-color($icon-color-xing); } // end xing // yahoo, yahoo-alt // (* yahoo-alt in stackicons-social-complete) @else if $brand == yahoo or $brand == yahoo-alt { @include adjust-brand-color($icon-color-yahoo); } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { @include adjust-brand-color($icon-color-yelp); } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { @include adjust-brand-color($icon-color-youtube); } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { @include adjust-brand-color($icon-color-youtube-alt); } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { @include adjust-brand-color($icon-color-youtube-alt2); } // end youtube-alt2 // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { @include adjust-brand-color($icon-color-cart); } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { @include adjust-brand-color($icon-color-menu); } // end menu // more (ellipsis...) @else if $brand == more { @include adjust-brand-color($icon-color-more); } // end more // triangle-down, -left, -right, -up * // (-left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up{ @include adjust-brand-color($icon-color-triangle); } // end triangle-down // search, search-alt @else if $brand == search or $brand == search-alt { @include adjust-brand-color($icon-color-search); } // end search } // end .st-brand-variant .st-shape-icon // .st-brand-variant:hover .st-shape-icon (force icon color) .st-brand-variant.st-shape-icon .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-icon .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5 .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5 .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant.st-shape-r5 .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-r5 .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-brand-variant .st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant .st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant .st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant .st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default}, .st-brand-variant.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-brand-variant.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default} { // addthis @if $brand == addthis { color: $icon-color-addthis; } // end addthis // adn @else if $brand == adn { color: $icon-color-adn; } // end adn // amazon @else if $brand == amazon or $brand == amazon2 { color: $icon-color-amazon; } // end amazon // android @else if $brand == android { color: $icon-color-android; } // end android // apple @else if $brand == apple { color: $icon-color-apple; } // end apple // behance @else if $brand == behance { color: $icon-color-behance; } // end behance // blogger @else if $brand == blogger { color: $icon-color-blogger; } // end blogger // codepen @else if $brand == codepen { color: $icon-color-codepen; } // end codepen // delicious @else if $brand == delicious { color: $icon-color-delicious; } // end delicious // deviantart, deviantart-alt * // ( * deviantart-alt in stackicons-social-complete) @else if $brand == deviantart or $brand == deviantart-alt { color: $icon-color-deviantart; } // end deviantart // digg @else if $brand == digg { color: $icon-color-digg; } // end digg // dribbble, dribbble-alt @else if $brand == dribbble or $brand == dribbble-alt { color: $icon-color-dribbble; } // end dribbble // dropbox @else if $brand == dropbox { color: $icon-color-dropbox; } // end dropbox // ebay @else if $brand == ebay { color: $icon-color-ebay; } // end ebay // email, email2 @else if $brand == email or $brand == email2 { color: $icon-color-email; } // end email // email-alt ( * in stackicons-social-complete) @else if $brand == email-alt { color: $icon-color-email-alt; } // end email-alt // email-alt2 ( * in stackicons-social-complete) @else if $brand == email-alt2 { color: $icon-color-email-alt2; } // end email-alt2 // evernote @else if $brand == evernote { color: $icon-color-evernote; } // end evernote // facebook @else if $brand == facebook { color: $icon-color-facebook; } // end facebook // facebook-alt @else if $brand == facebook-alt { color: $icon-color-facebook-alt; } // end facebook-alt // flattr @else if $brand == flattr { color: $icon-color-flattr; } // end flattr // flickr @else if $brand == flickr { color: $icon-color-flickr; } // end flickr // forrst @else if $brand == forrst { color: $icon-color-forrst; } // end forrst // foursquare @else if $brand == foursquare { color: $icon-color-foursquare; } // end foursquare // github @else if $brand == github { color: $icon-color-github; } // end github // github-alt @else if $brand == github-alt { color: $icon-color-github-alt; } // end github-alt // gittip @else if $brand == gittip { color: $icon-color-gittip; } // end gittip // gmail, gmail-alt @else if $brand == gmail or $brand == gmail-alt { color: $icon-color-gmail; } // end gmail // gmail-lg, gmail-lg-alt ( * in stackicons-social-complete) @else if $brand == gmail-lg or $brand == gmail-lg-alt { color: $icon-color-gmail; } // end gmail-lg // google @else if $brand == google { color: $icon-color-google; } // end google // googleplus @else if $brand == googleplus { color: $icon-color-googleplus; } // end googleplus // imdb @else if $brand == imdb { color: $icon-color-imdb; } // end imdb // instagram @else if $brand == instagram { color: $icon-color-instagram; } // end instagram // instagram-alt ( * in stackicons-social-complete) @else if $brand == instagram-alt { color: $icon-color-instagram-alt; } // end instagram-alt // instagram-alt2 ( * in stackicons-social-complete) @else if $brand == instagram-alt2 { color: $icon-color-instagram-alt2; } // end instagram-alt2 // kickstarter @else if $brand == kickstarter { color: $icon-color-kickstarter; } // end kickstarter // lastfm @else if $brand == lastfm { color: $icon-color-lastfm; } // end lastfm // linkedin @else if $brand == linkedin { color: $icon-color-linkedin; } // end linkedin // microsoft @else if $brand == microsoft { color: $icon-color-microsoft; } // end microsoft // myspace @else if $brand == myspace { color: $icon-color-myspace; } // end myspace // pandora @else if $brand == pandora { color: $icon-color-pandora; } // end pandora // paypal, paypal2 @else if $brand == paypal or $brand == paypal2 { color: $icon-color-paypal; } // end paypal // picasa @else if $brand == picasa { color: $icon-color-picasa; } // end picasa // pinboard @else if $brand == pinboard { color: $icon-color-pinboard; } // end pinboard // pinterest, pinterest-alt * // ( * pinterest-alt in stackicons-social-complete) @else if $brand == pinterest or $brand == pinterest-alt { color: $icon-color-pinterest; } // end pinterest // podcast ( * in stackicons-social-complete) @else if $brand == podcast { color: $icon-color-podcast; } // end podcast // rdio @else if $brand == rdio { color: $icon-color-rdio; } // end rdio // reddit @else if $brand == reddit { color: $icon-color-reddit; } // end reddit // rss @else if $brand == rss { color: $icon-color-rss; } // end rss // sharethis @else if $brand == sharethis { color: $icon-color-sharethis; } // end sharethis // skype @else if $brand == skype { color: $icon-color-skype; } // end skype // slideshare @else if $brand == slideshare { color: $icon-color-slideshare; } // end slideshare // soundcloud @else if $brand == soundcloud { color: $icon-color-soundcloud; } // end soundcloud // spotify @else if $brand == spotify { color: $icon-color-spotify; } // end spotify // stackoverflow @else if $brand == stackoverflow { color: $icon-color-stackoverflow; } // end stackoverflow // stumbleupon @else if $brand == stumbleupon { color: $icon-color-stumbleupon; } // end stumbleupon // tumblr @else if $brand == tumblr { color: $icon-color-tumblr; } // end tumblr // twitter @else if $brand == twitter { color: $icon-color-twitter; } // end twitter // vimeo @else if $brand == vimeo { color: $icon-color-vimeo; } // end vimeo // vine @else if $brand == vine { color: $icon-color-vine; } // end vine // windows @else if $brand == windows { color: $icon-color-windows; } // end windows // windows7 @else if $brand == windows7 { color: $icon-color-windows7; } // end windows7 // wordpress @else if $brand == wordpress { color: $icon-color-wordpress; } // end wordpress // xing @else if $brand == xing { color: $icon-color-xing; } // end xing // yahoo, yahoo-alt // (* yahoo-alt in stackicons-social-complete) @else if $brand == yahoo or $brand == yahoo-alt { color: $icon-color-yahoo; } // end yahoo // yelp, yelp-alt // ( * yelp-alt in stackicons-social-complete) @else if $brand == yelp or $brand == yelp-alt { color: $icon-color-yelp; } // end yelp // youtube, youtube2 @else if $brand == youtube or $brand == youtube2 { color: $icon-color-youtube; } // end youtube // youtube-alt, youtube-alt-sm @else if $brand == youtube-alt or $brand == youtube-alt-sm { color: $icon-color-youtube-alt; } // end youtube-alt // youtube-alt2 ( * in stackicons-social-complete) @else if $brand == youtube-alt2 { color: $icon-color-youtube-alt2; } // end youtube-alt2 // zerply @else if $brand == zerply { color: $icon-color-zerply; } // end zerply // nav elements: // cart ( * in stackicons-social-complete) @else if $brand == cart { color: $icon-color-cart; } // end cart // menu, menu-alt, menu-alt2 @else if $brand == menu or $brand == menu-alt or $brand == menu-alt2 { color: $icon-color-menu; } // end menu // more (ellipsis...) @else if $brand == more { color: $icon-color-more; } // end more // search, search-alt @else if $brand == search or $brand == search-alt { color: $icon-color-search; } // end search // triangle-down, -left, -right, -up * // (-left, -right, -up in stackicons-social-complete) @else if $brand == triangle-down or $brand == triangle-left or $brand == triangle-right or $brand == triangle-up { color: $icon-color-triangle; } // end triangle-down } // if a separate .st-icon base-class is not used in markup, // then we need .st-single-color and .st-embossed-only overrides // for each brand color to deal with specificity. // SINGLE COLOR // on parent .st-single-color .st-icon-#{$brand}:#{$pseudo-default}, .st-single-color-brand .st-icon-#{$brand}:#{$pseudo-default}, // on icon .st-single-color.st-icon-#{$brand}:#{$pseudo-default}, .st-single-color-brand.st-icon-#{$brand}:#{$pseudo-default} { color: $btn-single-color-default; @if $btn-single-color-default-rgba { color: $btn-single-color-default-rgba; } } // do the :hover // on parent .st-single-color .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color .st-icon-#{$brand}:focus:#{$pseudo-default}, // on icon .st-single-color.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-single-color.st-icon-#{$brand}:focus:#{$pseudo-default} { color: $btn-single-color-default-hover; @if $btn-single-color-default-rgba { color: $btn-single-color-default-rgba-hover; } } // EMBOSSED-ONLY // on parent .st-embossed-only .st-icon-#{$brand}:#{$pseudo-default}, // on icon .st-embossed-only.st-icon-#{$brand}:#{$pseudo-default} { color: $color-background-embossed; // no rgba @extend .st-embossed; } // hover .st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-icon-#{$brand}:active:#{$pseudo-default}, .st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:active:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:focus:#{$pseudo-default} { /*text-shadow: none;*/ } .st-embossed-only .st-icon-#{$brand}:active:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:active:#{$pseudo-default} { text-shadow: none; } // $raise-on-hover is set way up above... @if $raise-on-hover == true { .st-embossed-only .st-icon-#{$brand}:hover, .st-embossed-only.st-icon-#{$brand}:hover { top: -1px; } .st-embossed-only .st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:hover:#{$pseudo-default}, .st-embossed-only .st-icon-#{$brand}:focus:#{$pseudo-default}, .st-embossed-only.st-icon-#{$brand}:focus:#{$pseudo-default} { @extend .raised; } .st-embossed-only .st-icon-#{$brand}:active, .st-embossed-only.st-icon-#{$brand}:active { top: 0px; } } // end @if } // end @each // END COLOR-STYLE OVERRIDES