// ************************************************
// | |
// | STACKICONS-SOCIAL OVERRIDE CLASSES - ICON-ONLY |
// | |
// ************************************************
// If you want the .st-shape-icon class to override
// the button shape, then @import this _partial file
// into stackicons.scss.
// If not, then comment-out the @import of this file
// in stackicons.scss to remove the extraneous CSS.
/*
- .st-shape-icon: no button, icon only
also:
.st-shape-rounded5 (yes, it's not really rounded)
.st-shape-r5
*/
// 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 {
// icon-only (icon)
// Because icon-color can differ from btn-color
// for each brand, we specify color here (as needed),
// but only for the brand-specific color-style defaults.
// Remember, if you've changed a mixin variable for a
// specific brand above, you'll need to repeat it here.
.st-shape-icon .st-icon-#{$brand}:#{$pseudo-default},
.st-shape-icon.st-icon-#{$brand}:#{$pseudo-default},
.st-shape-rounded5 .st-icon-#{$brand}:#{$pseudo-default},
.st-shape-rounded5.st-icon-#{$brand}:#{$pseudo-default},
.st-shape-r5 .st-icon-#{$brand}:#{$pseudo-default},
.st-shape-r5.st-icon-#{$brand}:#{$pseudo-default} {
// addthis
@if $brand == addthis {
content: $addthis-icon;
// don't override color unless necessary
@if $icon-color-addthis != $btn-color-addthis {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-addthis;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-addthis);
}
}
} // end addthis
// adn
@else if $brand == adn {
content: $adn-icon;
// don't override color unless necessary
@if $icon-color-adn != $btn-color-adn {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-adn;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-adn);
}
}
} // end adn
// amazon
@else if $brand == amazon or $brand == amazon2 {
content: $amazon-icon;
// don't override color unless necessary
@if $icon-color-amazon != $btn-color-amazon {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-amazon;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-amazon);
}
}
} // end amazon
// android
@else if $brand == android {
content: $android-icon;
// don't override color unless necessary
@if $icon-color-android != $btn-color-android {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-android;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-android);
}
}
} // end android
// apple
@else if $brand == apple {
content: $apple-icon;
// don't override color unless necessary
@if $icon-color-apple != $btn-color-apple {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-apple;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-apple);
}
}
} // end apple
// behance
@else if $brand == behance {
content: $behance-icon;
@if $icon-color-behance != $btn-color-behance {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-behance;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-behance);
}
}
} // end behance
// blogger
@else if $brand == blogger {
content: $blogger-icon;
@if $icon-color-blogger != $btn-color-blogger {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-blogger;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-blogger);
}
}
} // end blogger
// codepen
@else if $brand == codepen {
content: $codepen-icon;
@if $icon-color-codepen != $btn-color-codepen {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-codepen;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-codepen);
}
}
} // end codepen
// delicious
@else if $brand == delicious {
content: $delicious-icon;
// don't override color unless necessary
@if $icon-color-delicious != $btn-color-delicious {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-delicious;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@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 {
content: $deviantart-icon;
@if $icon-color-deviantart != $btn-color-deviantart {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-deviantart;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-deviantart);
}
}
} // end deviantart
// digg
@else if $brand == digg {
content: $digg-icon;
// don't override color unless necessary
@if $icon-color-digg != $btn-color-digg {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-digg;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-digg);
}
}
} // end digg
// dribbble, dribbble-alt
@else if $brand == dribbble or $brand == dribbble-alt {
content: $dribbble-icon;
@if $icon-color-dribbble != $btn-color-dribbble {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-dribbble;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-dribbble);
}
}
} // end dribbble
// dropbox
@else if $brand == dropbox {
content: $dropbox-icon;
@if $icon-color-dropbox != $btn-color-dropbox {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-dropbox;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-dropbox);
}
}
} // end dropbox
// ebay
@else if $brand == ebay {
content: $ebay-icon;
@if $icon-color-ebay != $btn-color-ebay {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-ebay;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-ebay);
}
}
} // end ebay
// email, email2
@else if $brand == email or $brand == email2 {
content: $email-icon;
@if $icon-color-email != $btn-color-email {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-email;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-email);
}
}
} // end email
// email-alt ( * in stackicons-social-complete)
@else if $brand == email-alt {
content: $email-alt-icon;
// don't override color unless necessary
@if $icon-color-email-alt != $btn-color-email-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-email-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-email-alt);
}
}
} // end email-alt
// email-alt2 ( * in stackicons-social-complete)
@else if $brand == email-alt2 {
content: $email-alt2-icon;
// don't override color unless necessary
@if $icon-color-email-alt2 != $btn-color-email-alt2 {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-email-alt2;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-email-alt2);
}
}
} // end email-alt2
// evernote
@else if $brand == evernote {
content: $evernote-icon;
@if $icon-color-evernote != $btn-color-evernote {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-evernote;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-evernote);
}
}
} // end evernote
// facebook
@else if $brand == facebook {
content: $facebook-icon;
@if $icon-color-facebook != $btn-color-facebook {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-facebook;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-facebook);
}
}
} // end facebook
// facebook-alt
@else if $brand == facebook-alt {
content: $facebook-alt-icon;
@if $icon-color-facebook-alt != $btn-color-facebook-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-facebook-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-facebook-alt);
}
}
} // end facebook-alt
// flattr
@else if $brand == flattr {
content: $flattr-icon;
@if $icon-color-flattr != $btn-color-flattr {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-flattr;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-flattr);
}
}
} // end flattr
// flickr
@else if $brand == flickr {
content: $flickr-icon;
@if $icon-color-flickr != $btn-color-flickr {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-flickr;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-flickr);
}
}
} // end flickr
// forrst
@else if $brand == forrst {
content: $forrst-icon;
@if $icon-color-forrst != $btn-color-forrst {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-forrst;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-forrst);
}
}
} // end forrst
// foursquare
@else if $brand == foursquare {
content: $foursquare-icon;
@if $icon-color-foursquare != $btn-color-foursquare {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-foursquare;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-foursquare);
}
}
} // end foursquare
// github
@else if $brand == github {
content: $github-icon;
@if $icon-color-github != $btn-color-github {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-github;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-github);
}
}
} // end github
// github-alt
@else if $brand == github-alt {
content: $github-alt-icon;
@if $icon-color-github-alt != $btn-color-github-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-github-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-github-alt);
}
}
} // end github-alt
// gittip
@else if $brand == gittip {
content: $gittip-icon;
@if $icon-color-gittip != $btn-color-gittip {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-gittip;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-gittip);
}
}
} // end gittip
// gmail, gmail-alt
@else if $brand == gmail or $brand == gmail-alt {
content: $gmail-icon;
@if $icon-color-gmail != $btn-color-gmail {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-gmail;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@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 {
content: $gmail-lg-icon;
// don't override color unless necessary
@if $icon-color-gmail != $btn-color-gmail {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-gmail;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-gmail);
}
}
} // end gmail-lg
// google
@else if $brand == google {
content: $google-icon;
// don't override color unless necessary
@if $icon-color-google != $btn-color-google {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-google;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-google);
}
}
} // end google
// googleplus
@else if $brand == googleplus {
content: $googleplus-icon;
@if $icon-color-googleplus != $btn-color-googleplus {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-googleplus;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-googleplus);
}
}
} // end googleplus
// imdb
@else if $brand == imdb {
content: $imdb-icon;
// don't override color unless necessary
@if $icon-color-imdb != $btn-color-imdb {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-imdb;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-imdb);
}
}
} // end imdb
// instagram
@else if $brand == instagram {
content: $instagram-icon;
@if $icon-color-instagram != $btn-color-instagram {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-instagram;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-instagram);
}
}
} // end instagram
// instagram-alt ( * in stackicons-social-complete)
@else if $brand == instagram-alt {
content: $instagram-alt-icon;
// don't override color unless necessary
@if $icon-color-instagram-alt != $btn-color-instagram-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-instagram-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-instagram-alt);
}
}
} // end instagram-alt
// instagram-alt2 ( * in stackicons-social-complete)
@else if $brand == instagram-alt2 {
content: $instagram-alt2-icon;
// don't override color unless necessary
@if $icon-color-instagram-alt2 != $btn-color-instagram-alt2 {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-instagram-alt2;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-instagram-alt2);
}
}
} // end instagram-alt2
// kickstarter
@else if $brand == kickstarter {
content: $kickstarter-icon;
// don't override color unless necessary
@if $icon-color-kickstarter != $btn-color-kickstarter {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-kickstarter;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-kickstarter);
}
}
} // end kickstarter
// lastfm
@else if $brand == lastfm {
content: $lastfm-icon;
// don't override color unless necessary
@if $icon-color-lastfm != $btn-color-lastfm {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-lastfm;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-lastfm);
}
}
} // end lastfm
// linkedin
@else if $brand == linkedin {
content: $linkedin-icon;
// don't override color unless necessary
@if $icon-color-linkedin != $btn-color-linkedin {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-linkedin;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-linkedin);
}
}
} // end linkedin
// microsoft
@else if $brand == microsoft {
content: $microsoft-icon;
// don't override color unless necessary
@if $icon-color-microsoft != $btn-color-microsoft {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-microsoft;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-microsoft);
}
}
} // end microsoft
// myspace
@else if $brand == myspace {
content: $myspace-icon;
// don't override color unless necessary
@if $icon-color-myspace != $btn-color-myspace {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-myspace;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-myspace);
}
}
} // end myspace
// pandora
@else if $brand == pandora {
content: $pandora-icon;
// don't override color unless necessary
@if $icon-color-pandora != $btn-color-pandora {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-pandora;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-pandora);
}
}
} // end pandora
// paypal
@else if $brand == paypal or $brand == paypal2 {
content: $paypal-icon;
// don't override color unless necessary
@if $icon-color-paypal != $btn-color-paypal {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-paypal;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-paypal);
}
}
} // end paypal
// picasa
@else if $brand == picasa {
content: $picasa-icon;
// don't override color unless necessary
@if $icon-color-picasa != $btn-color-picasa {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-picasa;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-picasa);
}
}
} // end picasa
// pinboard
@else if $brand == pinboard {
content: $pinboard-icon;
// don't override color unless necessary
@if $icon-color-pinboard != $btn-color-pinboard {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-pinboard;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-pinboard);
}
}
} // end pinboard
// pinterest
@else if $brand == pinterest {
content: $pinterest-icon;
// don't override color unless necessary
@if $icon-color-pinterest != $btn-color-pinterest {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-pinterest;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-pinterest);
}
}
} // end pinterest
// pinterest-alt ( * in stackicons-social-complete)
@else if $brand == pinterest-alt {
content: $pinterest-alt-icon;
// don't override color unless necessary
@if $icon-color-pinterest-alt != $btn-color-pinterest-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-pinterest-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-pinterest-alt);
}
}
} // end pinterest-alt
// podcast ( * in stackicons-social-complete)
@else if $brand == podcast {
content: $podcast-icon;
// don't override color unless necessary
@if $icon-color-podcast != $btn-color-podcast {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-podcast;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-podcast);
}
}
} // end podcast
// rdio
@else if $brand == rdio {
content: $rdio-icon;
// don't override color unless necessary
@if $icon-color-rdio != $btn-color-rdio {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-rdio;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-rdio);
}
}
} // end rdio
// reddit
@else if $brand == reddit {
content: $reddit-icon;
// don't override color unless necessary
@if $icon-color-reddit != $btn-color-reddit {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-reddit;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-reddit);
}
}
} // end reddit
// rss
@else if $brand == rss {
content: $rss-icon;
// don't override color unless necessary
@if $icon-color-rss != $btn-color-rss {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-rss;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-rss);
}
}
} // end rss
// sharethis
@else if $brand == sharethis {
content: $sharethis-icon;
// don't override color unless necessary
@if $icon-color-sharethis != $btn-color-sharethis {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-sharethis;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-sharethis);
}
}
} // end sharethis
// skype
@else if $brand == skype {
content: $skype-icon;
// don't override color unless necessary
@if $icon-color-skype != $btn-color-skype {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-skype;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-skype);
}
}
} // end skype
// slideshare
@else if $brand == slideshare {
content: $slideshare-icon;
// don't override color unless necessary
@if $icon-color-slideshare != $btn-color-slideshare {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-slideshare;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-slideshare);
}
}
} // end slideshare
// soundcloud
@else if $brand == soundcloud {
content: $soundcloud-icon;
// don't override color unless necessary
@if $icon-color-soundcloud != $btn-color-soundcloud {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-soundcloud;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-soundcloud);
}
}
} // end soundcloud
// spotify
@else if $brand == spotify {
content: $spotify-icon;
// don't override color unless necessary
@if $icon-color-spotify != $btn-color-spotify {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-spotify;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-spotify);
}
}
} // end spotify
// stackoverflow
@else if $brand == stackoverflow {
content: $stackoverflow-icon;
// don't override color unless necessary
@if $icon-color-stackoverflow != $btn-color-stackoverflow {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-stackoverflow;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-stackoverflow);
}
}
} // end stackoverflow
// stumbleupon
@else if $brand == stumbleupon {
content: $stumbleupon-icon;
// don't override color unless necessary
@if $icon-color-stumbleupon != $btn-color-stumbleupon {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-stumbleupon;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-stumbleupon);
}
}
} // end stumbleupon
// tumblr
@else if $brand == tumblr {
content: $tumblr-icon;
// don't override color unless necessary
@if $icon-color-tumblr != $btn-color-tumblr {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-tumblr;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-tumblr);
}
}
} // end tumblr
// twitter
@else if $brand == twitter {
content: $twitter-icon;
@if $icon-color-twitter != $btn-color-twitter {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-twitter;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-twitter);
}
}
} // end twitter
// vimeo
@else if $brand == vimeo {
content: $vimeo-icon;
// don't override color unless necessary
@if $icon-color-vimeo != $btn-color-vimeo {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-vimeo;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-vimeo);
}
}
} // end vimeo
// vine
@else if $brand == vine {
content: $vine-icon;
// don't override color unless necessary
@if $icon-color-vine != $btn-color-vine {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-vine;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-vine);
}
}
} // end vine
// windows
@else if $brand == windows {
content: $windows-icon;
// don't override color unless necessary
@if $icon-color-windows != $btn-color-windows {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-windows;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-windows);
}
}
} // end windows
// windows7
@else if $brand == windows7 {
content: $windows7-icon;
// don't override color unless necessary
@if $icon-color-windows7 != $btn-color-windows7 {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-windows7;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-windows7);
}
}
} // end windows7
// wordpress
@else if $brand == wordpress {
content: $wordpress-icon;
// don't override color unless necessary
@if $icon-color-wordpress != $btn-color-wordpress {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-wordpress;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-wordpress);
}
}
} // end wordpress
// xing
@else if $brand == xing {
content: $xing-icon;
// don't override color unless necessary
@if $icon-color-xing != $btn-color-xing {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-xing;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-xing);
}
}
} // end xing
// yahoo
@else if $brand == yahoo {
content: $yahoo-icon;
// don't override color unless necessary
@if $icon-color-yahoo != $btn-color-yahoo {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-yahoo;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-yahoo);
}
}
} // end yahoo
// yahoo-alt ( * in stackicons-social-complete)
@else if $brand == yahoo-alt {
content: $yahoo-alt-icon;
// don't override color unless necessary
@if $icon-color-yahoo != $btn-color-yahoo {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-yahoo;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-yahoo);
}
}
} // end yahoo-alt
// yelp
@else if $brand == yelp {
content: $yelp-icon;
// don't override color unless necessary
@if $icon-color-yelp != $btn-color-yelp {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-yelp;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-yelp);
}
}
} // end yelp
// yelp-alt ( * in stackicons-social-complete)
@else if $brand == yelp-alt {
content: $yelp-alt-icon;
// don't override color unless necessary
@if $icon-color-yelp-alt != $btn-color-yelp-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-yelp-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-yelp-alt);
}
}
} // end yelp-alt
// youtube, youtube2
@else if $brand == youtube or $brand == youtube2 {
content: $youtube-icon;
@if $icon-color-youtube != $btn-color-youtube {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-youtube;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-youtube);
}
}
} // end youtube
// youtube-alt, youtube-alt-sm
@else if $brand == youtube-alt or $brand == youtube-alt-sm {
content: $youtube-alt-icon;
@if $icon-color-youtube-alt != $btn-color-youtube-alt {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-youtube-alt;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-youtube-alt);
}
}
} // end youtube-alt
// youtube-alt2 ( * in stackicons-social-complete)
@else if $brand == youtube-alt2 {
content: $youtube-alt2-icon;
// don't override color unless necessary
@if $icon-color-youtube-alt2 != $btn-color-youtube-alt2 {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-youtube-alt2;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-youtube-alt2);
}
}
} // end youtube-alt2
// zerply
@else if $brand == zerply {
content: $zerply-icon;
// don't override color unless necessary
@if $icon-color-zerply != $btn-color-zerply {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-zerply;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-zerply);
}
}
} // end zerply
// nav elements:
// cart ( * in stackicons-social-complete)
@else if $brand == cart {
content: $cart-icon;
// don't override color unless necessary
@if $icon-color-cart != $btn-color-cart {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-cart;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-cart);
}
}
} // end cart
// menu
@else if $brand == menu {
content: $menu-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-menu;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-menu);
}
}
} // end menu
// menu-alt
@else if $brand == menu-alt {
content: $menu-alt-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-menu;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-menu);
}
}
} // end menu-alt
// menu-alt2
@else if $brand == menu-alt2 {
content: $menu-alt2-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-menu;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-menu);
}
}
} // end menu-alt2
// more
@else if $brand == more {
content: $more-icon;
// don't override color unless necessary
@if $icon-color-more != $btn-color-more {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-more;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-more);
}
}
} // end more
// triangle-down
@else if $brand == triangle-down {
content: $triangle-down-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-triangle);
}
}
} // end triangle-down
// triangle-left ( * in stackicons-social-complete)
@else if $brand == triangle-left {
content: $triangle-left-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-triangle);
}
}
} // end triangle-left
// triangle-right ( * in stackicons-social-complete)
@else if $brand == triangle-right {
content: $triangle-right-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-triangle);
}
}
} // end triangle-right
// triangle-up ( * in stackicons-social-complete)
@else if $brand == triangle-up {
content: $triangle-up-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-triangle);
}
}
} // end triangle-up
// search, search-alt
@else if $brand == search or $brand == search-alt {
content: $search-icon;
@if $icon-color-search != $btn-color-search {
// brand-color
@if $btn-color-style-default == brand-color {
color: $icon-color-search;
}
// brand-color-variant
@else if $btn-color-style-default == brand-color-variant {
@include adjust-brand-color($icon-color-search);
}
}
} // end search
} // end icon-only
// icon-only:hover
// Because icon-color can differ from btn-color
// for each brand, we specify color here (as needed),
// but only for the brand-specific color-style defaults.
// Remember, if you've changed a mixin variable for a
// specific brand above, you'll need to repeat it here.
.st-shape-icon .st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-icon.st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-rounded5 .st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-rounded5.st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-r5 .st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-r5.st-icon-#{$brand}:hover:#{$pseudo-default},
.st-shape-icon .st-icon-#{$brand}:focus:#{$pseudo-default},
.st-shape-icon.st-icon-#{$brand}:focus:#{$pseudo-default},
.st-shape-rounded5 .st-icon-#{$brand}:focus:#{$pseudo-default},
.st-shape-rounded5.st-icon-#{$brand}:focus:#{$pseudo-default},
.st-shape-r5 .st-icon-#{$brand}:focus:#{$pseudo-default},
.st-shape-r5.st-icon-#{$brand}:focus:#{$pseudo-default} {
// addthis
@if $brand == addthis {
content: $addthis-icon;
// don't override color unless necessary
@if $icon-color-addthis != $btn-color-addthis {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-addthis;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-addthis);
}
}
} // end addthis
// adn
@else if $brand == adn {
content: $adn-icon;
// don't override color unless necessary
@if $icon-color-adn != $btn-color-adn {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-adn;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-adn);
}
}
} // end adn
// amazon
@else if $brand == amazon or $brand == amazon2 {
content: $amazon-icon;
// don't override color unless necessary
@if $icon-color-amazon != $btn-color-amazon {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-amazon;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-amazon);
}
}
} // end amazon
// android
@else if $brand == android {
content: $android-icon;
// don't override color unless necessary
@if $icon-color-android != $btn-color-android {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-android;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-android);
}
}
} // end android
// apple
@else if $brand == apple {
content: $apple-icon;
// don't override color unless necessary
@if $icon-color-apple != $btn-color-apple {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-apple;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-apple);
}
}
} // end apple
// behance
@else if $brand == behance {
content: $behance-icon;
@if $icon-color-behance != $btn-color-behance {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-behance;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-behance);
}
}
} // end behance
// blogger
@else if $brand == blogger {
content: $blogger-icon;
@if $icon-color-blogger != $btn-color-blogger {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-blogger;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-blogger);
}
}
} // end blogger
// codepen
@else if $brand == codepen {
content: $codepen-icon;
@if $icon-color-codepen != $btn-color-codepen {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-codepen;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-codepen);
}
}
} // end codepen
// delicious
@else if $brand == delicious {
content: $delicious-icon;
// don't override color unless necessary
@if $icon-color-delicious != $btn-color-delicious {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-delicious;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-delicious);
}
}
} // end delicious
// deviantart, deviantart-alt
// * deviantart-alt in stackicons-social-complete
@else if $brand == deviantart or $brand == deviantart-alt {
content: $deviantart-icon;
@if $icon-color-deviantart != $btn-color-deviantart {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-deviantart;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-deviantart);
}
}
} // end deviantart
// digg
@else if $brand == digg {
content: $digg-icon;
// don't override color unless necessary
@if $icon-color-digg != $btn-color-digg {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-digg;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-digg);
}
}
} // end digg
// dribbble, dribbble-alt
@else if $brand == dribbble or $brand == dribbble-alt {
content: $dribbble-icon;
@if $icon-color-dribbble != $btn-color-dribbble {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-dribbble;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-dribbble);
}
}
} // end dribbble
// dropbox
@else if $brand == dropbox {
content: $dropbox-icon;
@if $icon-color-dropbox != $btn-color-dropbox {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-dropbox;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-dropbox);
}
}
} // end dropbox
// ebay
@else if $brand == ebay {
content: $ebay-icon;
@if $icon-color-ebay != $btn-color-ebay {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-ebay;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-ebay);
}
}
} // end ebay
// email, email2
@else if $brand == email or $brand == email2 {
content: $email-icon;
@if $icon-color-email != $btn-color-email {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-email;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-email);
}
}
} // end email
// email-alt ( * in stackicons-social-complete)
@else if $brand == email-alt {
content: $email-alt-icon;
// don't override color unless necessary
@if $icon-color-email-alt != $btn-color-email-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-email-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-email-alt);
}
}
} // end email-alt
// email-alt2 ( * in stackicons-social-complete)
@else if $brand == email-alt2 {
content: $email-alt2-icon;
// don't override color unless necessary
@if $icon-color-email-alt2 != $btn-color-email-alt2 {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-email-alt2;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-email-alt2);
}
}
} // end email-alt2
// evernote
@else if $brand == evernote {
content: $evernote-icon;
@if $icon-color-evernote != $btn-color-evernote {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-evernote;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-evernote);
}
}
} // end evernote
// facebook
@else if $brand == facebook {
content: $facebook-icon;
@if $icon-color-facebook != $btn-color-facebook {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-facebook;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-facebook);
}
}
} // end facebook
// facebook-alt
@else if $brand == facebook-alt {
content: $facebook-alt-icon;
@if $icon-color-facebook-alt != $btn-color-facebook-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-facebook-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-facebook-alt);
}
}
} // end facebook-alt
// flattr
@else if $brand == flattr {
content: $flattr-icon;
@if $icon-color-flattr != $btn-color-flattr {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-flattr;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-flattr);
}
}
} // end flattr
// flickr
@else if $brand == flickr {
content: $flickr-icon;
@if $icon-color-flickr != $btn-color-flickr {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-flickr;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-flickr);
}
}
} // end flickr
// forrst
@else if $brand == forrst {
content: $forrst-icon;
@if $icon-color-forrst != $btn-color-forrst {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-forrst;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-forrst);
}
}
} // end forrst
// foursquare
@else if $brand == foursquare {
content: $foursquare-icon;
@if $icon-color-foursquare != $btn-color-foursquare {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-foursquare;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-foursquare);
}
}
} // end foursquare
// github
@else if $brand == github {
content: $github-icon;
@if $icon-color-github != $btn-color-github {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-github;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-github);
}
}
} // end github
// github-alt
@else if $brand == github-alt {
content: $github-alt-icon;
@if $icon-color-github-alt != $btn-color-github-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-github-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-github-alt);
}
}
} // end github-alt
// gittip
@else if $brand == gittip {
content: $gittip-icon;
@if $icon-color-gittip != $btn-color-gittip {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-gittip;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-gittip);
}
}
} // end gittip
// gmail, gmail-alt
@else if $brand == gmail or $brand == gmail-alt {
content: $gmail-icon;
@if $icon-color-gmail != $btn-color-gmail {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-gmail;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@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 {
content: $gmail-lg-icon;
// don't override color unless necessary
@if $icon-color-gmail != $btn-color-gmail {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-gmail;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-gmail);
}
}
} // end gmail-lg
// google
@else if $brand == google {
content: $google-icon;
// don't override color unless necessary
@if $icon-color-google != $btn-color-google {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-google;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-google);
}
}
} // end google
// googleplus
@else if $brand == googleplus {
content: $googleplus-icon;
@if $icon-color-googleplus != $btn-color-googleplus {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-googleplus;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-googleplus);
}
}
} // end googleplus
// imdb
@else if $brand == imdb {
content: $imdb-icon;
// don't override color unless necessary
@if $icon-color-imdb != $btn-color-imdb {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-imdb;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-imdb);
}
}
} // end imdb
// instagram
@else if $brand == instagram {
content: $instagram-icon;
@if $icon-color-instagram != $btn-color-instagram {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-instagram;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-instagram);
}
}
} // end instagram
// instagram-alt ( * in stackicons-social-complete)
@else if $brand == instagram-alt {
content: $instagram-alt-icon;
// don't override color unless necessary
@if $icon-color-instagram-alt != $btn-color-instagram-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-instagram-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-instagram-alt);
}
}
} // end instagram-alt
// instagram-alt2 ( * in stackicons-social-complete)
@else if $brand == instagram-alt2 {
content: $instagram-alt2-icon;
// don't override color unless necessary
@if $icon-color-instagram-alt2 != $btn-color-instagram-alt2 {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-instagram-alt2;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-instagram-alt2);
}
}
} // end instagram-alt2
// kickstarter
@else if $brand == kickstarter {
content: $kickstarter-icon;
// don't override color unless necessary
@if $icon-color-kickstarter != $btn-color-kickstarter {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-kickstarter;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-kickstarter);
}
}
} // end kickstarter
// lastfm
@else if $brand == lastfm {
content: $lastfm-icon;
// don't override color unless necessary
@if $icon-color-lastfm != $btn-color-lastfm {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-lastfm;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-lastfm);
}
}
} // end lastfm
// linkedin
@else if $brand == linkedin {
content: $linkedin-icon;
// don't override color unless necessary
@if $icon-color-linkedin != $btn-color-linkedin {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-linkedin;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-linkedin);
}
}
} // end linkedin
// microsoft
@else if $brand == microsoft {
content: $microsoft-icon;
// don't override color unless necessary
@if $icon-color-microsoft != $btn-color-microsoft {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-microsoft;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-microsoft);
}
}
} // end microsoft
// myspace
@else if $brand == myspace {
content: $myspace-icon;
// don't override color unless necessary
@if $icon-color-myspace != $btn-color-myspace {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-myspace;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-myspace);
}
}
} // end myspace
// pandora
@else if $brand == pandora {
content: $pandora-icon;
// don't override color unless necessary
@if $icon-color-pandora != $btn-color-pandora {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-pandora;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-pandora);
}
}
} // end pandora
// paypal
@else if $brand == paypal or $brand == paypal2 {
content: $paypal-icon;
// don't override color unless necessary
@if $icon-color-paypal != $btn-color-paypal {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-paypal;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-paypal);
}
}
} // end paypal
// picasa
@else if $brand == picasa {
content: $picasa-icon;
// don't override color unless necessary
@if $icon-color-picasa != $btn-color-picasa {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-picasa;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-picasa);
}
}
} // end picasa
// pinboard
@else if $brand == pinboard {
content: $pinboard-icon;
// don't override color unless necessary
@if $icon-color-pinboard != $btn-color-pinboard {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-pinboard;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-pinboard);
}
}
} // end pinboard
// pinterest
@else if $brand == pinterest {
content: $pinterest-icon;
// don't override color unless necessary
@if $icon-color-pinterest != $btn-color-pinterest {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-pinterest;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-pinterest);
}
}
} // end pinterest
// pinterest-alt
@else if $brand == pinterest-alt {
content: $pinterest-alt-icon;
// don't override color unless necessary
@if $icon-color-pinterest-alt != $btn-color-pinterest-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-pinterest-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-pinterest-alt);
}
}
} // end pinterest-alt
// podcast ( * in stackicons-social-complete)
@else if $brand == podcast {
content: $podcast-icon;
// don't override color unless necessary
@if $icon-color-podcast != $btn-color-podcast {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-podcast;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-podcast);
}
}
} // end podcast
// rdio
@else if $brand == rdio {
content: $rdio-icon;
// don't override color unless necessary
@if $icon-color-rdio != $btn-color-rdio {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-rdio;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-rdio);
}
}
} // end rdio
// reddit
@else if $brand == reddit {
content: $reddit-icon;
// don't override color unless necessary
@if $icon-color-reddit != $btn-color-reddit {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-reddit;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-reddit);
}
}
} // end reddit
// rss
@else if $brand == rss {
content: $rss-icon;
// don't override color unless necessary
@if $icon-color-rss != $btn-color-rss {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-rss;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-rss);
}
}
} // end rss
// sharethis
@else if $brand == sharethis {
content: $sharethis-icon;
// don't override color unless necessary
@if $icon-color-sharethis != $btn-color-sharethis {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-sharethis;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-sharethis);
}
}
} // end sharethis
// skype
@else if $brand == skype {
content: $skype-icon;
// don't override color unless necessary
@if $icon-color-skype != $btn-color-skype {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-skype;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-skype);
}
}
} // end skype
// slideshare
@else if $brand == slideshare {
content: $slideshare-icon;
// don't override color unless necessary
@if $icon-color-slideshare != $btn-color-slideshare {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-slideshare;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-slideshare);
}
}
} // end slideshare
// soundcloud
@else if $brand == soundcloud {
content: $soundcloud-icon;
// don't override color unless necessary
@if $icon-color-soundcloud != $btn-color-soundcloud {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-soundcloud;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-soundcloud);
}
}
} // end soundcloud
// spotify
@else if $brand == spotify {
content: $spotify-icon;
// don't override color unless necessary
@if $icon-color-spotify != $btn-color-spotify {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-spotify;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-spotify);
}
}
} // end spotify
// stackoverflow
@else if $brand == stackoverflow {
content: $stackoverflow-icon;
// don't override color unless necessary
@if $icon-color-stackoverflow != $btn-color-stackoverflow {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-stackoverflow;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-stackoverflow);
}
}
} // end stackoverflow
// stumbleupon
@else if $brand == stumbleupon {
content: $stumbleupon-icon;
// don't override color unless necessary
@if $icon-color-stumbleupon != $btn-color-stumbleupon {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-stumbleupon;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-stumbleupon);
}
}
} // end stumbleupon
// tumblr
@else if $brand == tumblr {
content: $tumblr-icon;
// don't override color unless necessary
@if $icon-color-tumblr != $btn-color-tumblr {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-tumblr;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-tumblr);
}
}
} // end tumblr
// twitter
@else if $brand == twitter {
content: $twitter-icon;
@if $icon-color-twitter != $btn-color-twitter {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-twitter;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-twitter);
}
}
} // end twitter
// vimeo
@else if $brand == vimeo {
content: $vimeo-icon;
// don't override color unless necessary
@if $icon-color-vimeo != $btn-color-vimeo {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-vimeo;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-vimeo);
}
}
} // end vimeo
// vine
@else if $brand == vine {
content: $vine-icon;
// don't override color unless necessary
@if $icon-color-vine != $btn-color-vine {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-vine;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-vine);
}
}
} // end vine
// windows
@else if $brand == windows {
content: $windows-icon;
// don't override color unless necessary
@if $icon-color-windows != $btn-color-windows {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-windows;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-windows);
}
}
} // end windows
// windows7
@else if $brand == windows7 {
content: $windows7-icon;
// don't override color unless necessary
@if $icon-color-windows7 != $btn-color-windows7 {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-windows7;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-windows7);
}
}
} // end windows7
// wordpress
@else if $brand == wordpress {
content: $wordpress-icon;
// don't override color unless necessary
@if $icon-color-wordpress != $btn-color-wordpress {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-wordpress;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-wordpress);
}
}
} // end wordpress
// xing
@else if $brand == xing {
content: $xing-icon;
// don't override color unless necessary
@if $icon-color-xing != $btn-color-xing {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-xing;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-xing);
}
}
} // end xing
// yahoo
@else if $brand == yahoo {
content: $yahoo-icon;
// don't override color unless necessary
@if $icon-color-yahoo != $btn-color-yahoo {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-yahoo;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-yahoo);
}
}
} // end yahoo
// yahoo-alt ( * in stackicons-social-complete)
@else if $brand == yahoo-alt {
content: $yahoo-alt-icon;
// don't override color unless necessary
@if $icon-color-yahoo != $btn-color-yahoo {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-yahoo;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-yahoo);
}
}
} // end yahoo-alt
// yelp
@else if $brand == yelp {
content: $yelp-icon;
// don't override color unless necessary
@if $icon-color-yelp != $btn-color-yelp {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-yelp;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-yelp);
}
}
} // end yelp
// yelp-alt ( * in stackicons-social-complete)
@else if $brand == yelp-alt {
content: $yelp-alt-icon;
// don't override color unless necessary
@if $icon-color-yelp-alt != $btn-color-yelp-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-yelp-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-yelp-alt);
}
}
} // end yelp-alt
// youtube, youtube2
@else if $brand == youtube or $brand == youtube2 {
content: $youtube-icon;
@if $icon-color-youtube != $btn-color-youtube {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-youtube;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@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 {
content: $youtube-alt-icon;
@if $icon-color-youtube-alt != $btn-color-youtube-alt {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-youtube-alt;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-youtube-alt);
}
}
} // end youtube-alt
// youtube-alt2 ( * in stackicons-social-complete)
@else if $brand == youtube-alt2 {
content: $youtube-alt2-icon;
// don't override color unless necessary
@if $icon-color-youtube-alt2 != $btn-color-youtube-alt2 {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-youtube-alt2;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-youtube-alt2);
}
}
} // end youtube-alt2
// zerply
@else if $brand == zerply {
content: $zerply-icon;
// don't override color unless necessary
@if $icon-color-zerply != $btn-color-zerply {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-zerply;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-zerply);
}
}
} // end zerply
// nav elements:
// cart
@else if $brand == cart {
content: $cart-icon;
// don't override color unless necessary
@if $icon-color-cart != $btn-color-cart {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-cart;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-cart);
}
}
} // end cart
// menu
@else if $brand == menu {
content: $menu-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-menu;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-menu);
}
}
} // end menu
// menu-alt
@else if $brand == menu-alt {
content: $menu-alt-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-menu;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-menu);
}
}
} // end menu-alt
// menu-alt2
@else if $brand == menu-alt2 {
content: $menu-alt2-icon;
// don't override color unless necessary
@if $icon-color-menu != $btn-color-menu {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-menu;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-menu);
}
}
} // end menu-alt2
// more
@else if $brand == more {
content: $more-icon;
// don't override color unless necessary
@if $icon-color-more != $btn-color-more {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-more;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-more);
}
}
} // end more
// triangle-down
@else if $brand == triangle-down {
content: $triangle-down-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-triangle);
}
}
} // end triangle-down
// triangle-left ( * in stackicons-social-complete)
@else if $brand == triangle-left {
content: $triangle-left-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-triangle);
}
}
} // end triangle-left
// triangle-right ( * in stackicons-social-complete)
@else if $brand == triangle-right {
content: $triangle-right-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-triangle);
}
}
} // end triangle-right
// triangle-up ( * in stackicons-social-complete)
@else if $brand == triangle-up {
content: $triangle-up-icon;
// don't override color unless necessary
@if $icon-color-triangle != $btn-color-triangle {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-triangle;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-triangle);
}
}
} // end triangle-up
// search, search-alt
@else if $brand == search or $brand == search-alt {
content: $search-icon;
@if $icon-color-search != $btn-color-search {
// brand-color
@if $btn-color-hover-default == brand-color {
color: $icon-color-search;
}
// brand-color-hover
@else if $btn-color-hover-default == brand-color-hover {
@include adjust-brand-color-hover($icon-color-search);
}
}
} // end search
} // end icon-only:hover
} // end @each
// END ICON-ONLY OVERRIDE