This file ( 50kB ) exceeds the allowed full mode (48 kb) size.
The editor full hight is disabled, only scrolling is allowed..
If you wish to edit a file, it is recommended to use the scroll mode as some users do not like the full height
mode, although some users like it.
// getting default button shape...
@import "construction-kit-stackicons-social";
/* =================================================================
* STACKICONS-SOCIAL - UNICODE CHARACTER MAPPING
* http://stackicons.com/scss/_unicodes-stackicons-social.scss
* =================================================================
*/
// http://creativecommons.org/licenses/by/3.0/
// by Parker Bennett @parkerbennett http://parkerbennett.com.
// This Sass _partial file contains the unicodes for font characters
// in the Stackicons-Social icon font, abstracted into variables.
// It's meant to be @imported into stackicons.scss (or your _variables).
// ---- BUTTONS ---- /
// There are 5 button shapes
$btn-shape-sq: "\e001"; // solid square
$btn-shape-r1: "\e002"; // rounded1 (slightly rounded - Android)
$btn-shape-r2: "\e003"; // rounded2
$btn-shape-r3: "\e004"; // rounded3 (more rounded - iOS 7)
$btn-shape-cir: "\e005"; // circle
$btn-shape-square: $btn-shape-sq;
$btn-shape-circle: $btn-shape-cir;
$btn-shape-cir-inner: "\e020"; // smaller circle (75%)
// **** CONSTRUCTION KIT VARIABLE ****
// -c0, -c1, -c2, etc. are stacked elements used
// in creating "multi-color" icons: -c0 is usually
// the bg, -c1 is often the icon. By having a solid
// icon stacked on a solid bg, we can use different
// text-shadow effects in the "multi-color" version.
// Unless the icon is an unusual shape, there is a
// default-shape variable that we set below, usually
// the same as the single-color "btn-shape-default"
// set in _construction-kit-stackicons-social.scss.
// (may be overridden in _multi-color-stackicons-social.)
$btn-shape-c0-default: false !default;
@if not $btn-shape-c0-default {
@if ($btn-shape-default == sq) {
$btn-shape-c0-default: $btn-shape-sq;
}
@else if ($btn-shape-default == r2) {
$btn-shape-c0-default: $btn-shape-r2;
}
@else if ($btn-shape-default == r3) {
$btn-shape-c0-default: $btn-shape-r3;
}
@else if ($btn-shape-default == cir) {
$btn-shape-c0-default: $btn-shape-cir;
}
@else {
$btn-shape-c0-default: $btn-shape-r1;
}
}
// icon-only is not an option for default bg shape
// ---- BUTTON BORDERS ---- /
// thicker "bevel" all around - matches bottoms and tops below
$btn-border-sq: "\e601";
$btn-border-r1: "\e602";
$btn-border-r2: "\e603";
$btn-border-r3: "\e604";
$btn-border-cir: "\e605";
// medium border
$btn-border-alt-sq: "\e60a";
$btn-border-alt-r1: "\e60b";
$btn-border-alt-r2: "\e60c";
$btn-border-alt-r3: "\e60d";
$btn-border-alt-cir: "\e60e";
// thinner border
$btn-border-alt2-sq: "\e611";
$btn-border-alt2-r1: "\e612";
$btn-border-alt2-r2: "\e613";
$btn-border-alt2-r3: "\e614";
$btn-border-alt2-cir: "\e615";
// hairline border
$btn-border-alt3-sq: "\e61a";
$btn-border-alt3-r1: "\e61b";
$btn-border-alt3-r2: "\e61c";
$btn-border-alt3-r3: "\e61d";
$btn-border-alt3-cir: "\e61e";
// thicker "bevel" left, right, and bottom - matches bottoms and tops below
$btn-border-sides-sq: "\e006";
$btn-border-sides-r1: "\e007";
$btn-border-sides-r2: "\e008";
$btn-border-sides-r3: "\e009";
$btn-border-sides-cir: "\e00a";
$btn-border-bottom-sq: "\e00b";
$btn-border-top-sq: "\e00c";
$btn-highlight-sq: "\e00d";
$btn-border-bottom-r1: "\e00e";
$btn-border-top-r1: "\e00f";
$btn-highlight-r1: "\e010";
$btn-border-bottom-r2: "\e011";
$btn-border-top-r2: "\e012";
$btn-highlight-r2: "\e013";
$btn-border-bottom-r3: "\e014";
$btn-border-top-r3: "\e015";
$btn-highlight-r3: "\e016";
$btn-border-bottom-cir: "\e017";
$btn-border-top-cir: "\e018";
$btn-highlight-cir: "\e019";
// ---- NAVIGATION ELEMENTS ---- /
// CART (SHOPPING CART)
$cart-sq: "\e59a";
$cart-r1: "\e59b";
$cart-r2: "\e59c";
$cart-r3: "\e59d";
$cart-cir: "\e59e";
$cart-icon: "\e59f";
$cart-c0: $btn-shape-c0-default !default;
$cart-c1: $cart-icon;
// MENU ICON ("NAVICON") - SLIGHTLY ROUNDED LINES
$menu-sq: "\e581";
$menu-r1: "\e582";
$menu-r2: "\e583";
$menu-r3: "\e584";
$menu-cir: "\e585";
$menu-icon: "\e586";
$menu-icon-alt: "\2630"; // fallback if font not present
$menu-c0: $btn-shape-c0-default !default;
$menu-c1: $menu-icon;
// MENU ICON ALT - SQUARE LINES
$menu-alt-sq: "\e58a";
$menu-alt-r1: "\e58b";
$menu-alt-r2: "\e58c";
$menu-alt-r3: "\e58d";
$menu-alt-cir: "\e58e";
$menu-alt-icon: "\e58f";
$menu-alt-c0: $btn-shape-c0-default !default;
$menu-alt-c1: $menu-alt-icon;
// MENU ICON ALT2 - FULLY ROUNDED LINES
$menu-alt2-sq: "\e591";
$menu-alt2-r1: "\e592";
$menu-alt2-r2: "\e593";
$menu-alt2-r3: "\e594";
$menu-alt2-cir: "\e595";
$menu-alt2-icon: "\e596";
$menu-alt2-c0: $btn-shape-c0-default !default;
$menu-alt2-c1: $menu-alt2-icon;
// MORE (ELLIPSIS...)
$more-sq: "\e461";
$more-r1: "\e462";
$more-r2: "\e463";
$more-r3: "\e464";
$more-cir: "\e465";
$more-icon: "\e466";
$ellipsis: "…";
$more-c0: $btn-shape-c0-default !default;
$more-c1: $more-icon;
// SEARCH (plus SEARCH-ALT)
$search-sq: "\e061";
$search-r1: "\e062";
$search-r2: "\e063";
$search-r3: "\e064";
$search-cir: "\e065";
$search-icon: "\e066";
$search-c0: $btn-shape-c0-default !default; // blue or black bg
$search-c1: $search-icon; // white icon
$search-c2: "\e067"; // light blue glass
$search-c2-alt: "\e068"; // light blue glass w reflection
$search-c3: "\e069"; // white reflection
$search-alt-c0: $search-c0 !default;
$search-alt-c1: $search-c1;
$search-alt-c2: $search-c2;
$search-alt-c2-alt: $search-c2-alt;
$search-alt-c3: $search-c3;
// TRIANGLE DOWN
$triangle-down-sq: "\e441";
$triangle-down-r1: "\e442";
$triangle-down-r2: "\e443";
$triangle-down-r3: "\e444";
$triangle-down-cir: "\e445";
$triangle-down-icon: "\e446";
$triangle-down: "▾"; // smaller if font not present
$triangle-down-alt: "▼";
$triangle-down-c0: $btn-shape-c0-default !default;
$triangle-down-c1: $triangle-down-icon;
// TRIANGLE LEFT
$triangle-left-sq: "\e44a";
$triangle-left-r1: "\e44b";
$triangle-left-r2: "\e44c";
$triangle-left-r3: "\e44d";
$triangle-left-cir: "\e44e";
$triangle-left-icon: "\e44f";
$triangle-left: "◂"; // smaller if font not present
$triangle-left-alt: "◀";
$triangle-left-c0: $btn-shape-c0-default !default;
$triangle-left-c1: $triangle-left-icon;
// TRIANGLE RIGHT
$triangle-right-sq: "\e451";
$triangle-right-r1: "\e452";
$triangle-right-r2: "\e453";
$triangle-right-r3: "\e454";
$triangle-right-cir: "\e455";
$triangle-right-icon: "\e456";
$triangle-right: "▸"; // smaller if font not present
$triangle-right-alt: "▶";
$triangle-right-c0: $btn-shape-c0-default !default;
$triangle-right-c1: $triangle-right-icon;
// TRIANGLE UP
$triangle-up-sq: "\e45a";
$triangle-up-r1: "\e45b";
$triangle-up-r2: "\e45c";
$triangle-up-r3: "\e45d";
$triangle-up-cir: "\e45e";
$triangle-up-icon: "\e45f";
$triangle-up: "▴"; // smaller if font not present
$triangle-up-alt: "▲";
$triangle-up-c0: $btn-shape-c0-default !default;
$triangle-up-c1: $triangle-up-icon;
// ---- BRAAANDS... ---- /
// ADDTHIS (2014)
$addthis-sq: "\e06a";
$addthis-r1: "\e06b";
$addthis-r2: "\e06c";
$addthis-r3: "\e06d";
$addthis-cir: "\e06e";
$addthis-icon: "\e06f";
// color icon - stacking order bottom to top
$addthis-c0: $btn-shape-c0-default; // orange sq
$addthis-c1: $addthis-icon; // white "+"
// ADN - alt.net (2014)
$adn-sq: "\e071";
$adn-r1: "\e072";
$adn-r2: "\e073";
$adn-r3: "\e074";
$adn-cir: "\e075";
$adn-icon: "\e076";
$adn-c0: $btn-shape-c0-default; // dk grey bg
$adn-c0-alt: $btn-shape-cir;
$adn-c1: $adn-icon; // white "A"
// AMAZON (2014)
$amazon-sq: "\e07a";
$amazon-r1: "\e07b";
$amazon-r2: "\e07c";
$amazon-r3: "\e07d";
$amazon-cir: "\e07e";
$amazon-icon: "\e07f";
$amazon-c0: $btn-shape-c0-default; // white bg
$amazon-c1: "\e079"; // black "a"
$amazon-c2: "\e080"; // orange smile
// AMAZON LOGO (2014)
$amazon-logo-icon: "\e087";
$amazon-logo-c0: "" !important; // no bg
$amazon-logo-c1: "\e088"; // black "amazon"
$amazon-logo-c2: "\e089"; // orange smile
// ANDROID (2014)
$android-sq: "\e081";
$android-r1: "\e082";
$android-r2: "\e083";
$android-r3: "\e084";
$android-cir: "\e085";
$android-icon: "\e086";
$android-c0: $btn-shape-c0-default; // light bg
$android-c1: $android-icon; // green icon
$android-c2: "\e087"; // white eyes
// APPLE (2014)
$apple-sq: "\e08a";
$apple-r1: "\e08b";
$apple-r2: "\e08c";
$apple-r3: "\e08d";
$apple-cir: "\e08e";
$apple-icon: "\e08f";
$apple-c0: $btn-shape-c0-default; // grey bg
$apple-c1: $apple-icon; // white apple
// BEHANCE (2014)
$behance-sq: "\e091";
$behance-r1: "\e092";
$behance-r2: "\e093";
$behance-r3: "\e094";
$behance-cir: "\e095";
$behance-icon: "\e096";
$behance-c0: $btn-shape-c0-default !default; // black bg
$behance-c1: $behance-icon; // white "bē"
// BLOGGER (2014)
$blogger-sq: "\e09a";
$blogger-r1: "\e09b";
$blogger-r2: "\e09c";
$blogger-r3: "\e09d";
$blogger-cir: "\e09e";
$blogger-icon: "\e09f";
$blogger-c0: $btn-shape-c0-default !default; // orange bg
$blogger-c1: $blogger-icon; // white "b"
// CODEPEN (2014)
$codepen-sq: "\e101";
$codepen-r1: "\e102";
$codepen-r2: "\e103";
$codepen-r3: "\e104";
$codepen-cir: "\e105";
$codepen-icon: "\e106";
$codepen-icon-alt: "\e100"; // icon w circle
$codepen-c0: $btn-shape-c0-default !default; // black bg
$codepen-c0-alt: $btn-shape-cir; // black circle
$codepen-c1: $codepen-icon; // white icon
$codepen-c1-alt: $codepen-icon-alt; // white icon w circle
$codepen-logo-icon: "\e099";
// DELICIOUS (2014)
$delicious-sq: "\e10a";
$delicious-r1: "\e10b";
$delicious-r2: "\e10c";
$delicious-r3: "\e10d";
$delicious-cir: "\e10e";
$delicious-icon: "\e10f";
$delicious-c0: $btn-shape-c0-default !default;
$delicious-c1: "\e107"; // white big sq. bg
$delicious-c1-alt: "\e120"; // white big sq. minus lower right
$delicious-c2: "\e108"; // blue sq. ur
$delicious-c3: "\e109"; // grey sq. lr
$delicious-c4: "\e110"; // black sq. ll
// DELICIOUS-ALT (2014 - needs 2 extra spans)
$delicious-alt-sq: $delicious-sq;
$delicious-alt-r1: $delicious-r1;
$delicious-alt-r2: $delicious-r2;
$delicious-alt-r3: $delicious-r3;
$delicious-alt-cir: $delicious-cir;
$delicious-alt-icon: $delicious-icon;
$delicious-alt-c0: $btn-shape-c0-default !default;
$delicious-alt-c1: "\e107"; // white big sq. bg
$delicious-alt-c2: "\e108"; // blue sq. ur
$delicious-alt-c3: "\e109"; // grey sq. lr
$delicious-alt-c4: "\e110"; // black sq. ll
// DEVIANT ART (2014 - inset bordered)
$deviantart-sq: "\e111";
$deviantart-r1: "\e112";
$deviantart-r2: "\e113";
$deviantart-r3: "\e114";
$deviantart-cir: "\e115";
$deviantart-icon: "\e116"; // smaller
$deviantart-icon-alt: "\e13f"; // smaller shifted right
$deviantart-c0: $btn-shape-c0-default !default;
$deviantart-c0-alt: $btn-shape-r1 !important;
$deviantart-c1: $deviantart-icon;
// inset bordered logo
$deviantart-c1-alt: "\e118"; // bordered logo r1
$deviantart-c1-alt0: "\e117"; // bordered logo sq
$deviantart-c1-alt1: "\e118"; // bordered logo r1
$deviantart-c1-alt2: "\e119"; // bordered logo r2
$deviantart-c1-alt3: "\e13d"; // bordered logo r3
$deviantart-c1-alt4: "\e13e"; // bordered logo cir
// DEVIANT ART ALT (2014 - edge bordered)
$deviantart-alt-sq: $deviantart-sq;
$deviantart-alt-r1: $deviantart-r1;
$deviantart-alt-r2: $deviantart-r2;
$deviantart-alt-r3: $deviantart-r3;
$deviantart-alt-cir: $deviantart-cir;
$deviantart-alt-icon: $deviantart-icon;
$deviantart-alt-icon-alt: $deviantart-icon-alt;
$deviantart-alt-c0: $btn-shape-c0-default !default;
$deviantart-alt-c0-alt: $btn-shape-r1 !important;
$deviantart-alt-c1: $deviantart-alt-icon;
// edge bordered logo
$deviantart-alt-c1-alt: "\e16f"; // cropped to border
$deviantart-alt-c1-alt2: "\e170"; // cropped to border circle
$deviantart-alt-c2-alt0: $btn-border-alt-sq !default; // sq border
$deviantart-alt-c2-alt1: $btn-border-alt-r1 !default; // r1 border
$deviantart-alt-c2-alt2: $btn-border-alt-r2 !default; // r2 border
$deviantart-alt-c2-alt3: $btn-border-alt-r3 !default; // r3 border
$deviantart-alt-c2-alt4: $btn-border-alt-cir !default; // circle border
// DIGG (2014)
$digg-sq: "\e11a";
$digg-r1: "\e11b";
$digg-r2: "\e11c";
$digg-r3: "\e11d";
$digg-cir: "\e11e";
$digg-icon: "\e11f";
$digg-c0: $btn-shape-c0-default; // black bg
$digg-c1: $digg-icon; // white logo
// DRIBBBLE (2014)
$dribbble-sq: "\e121";
$dribbble-r1: "\e122";
$dribbble-r2: "\e123";
$dribbble-r3: "\e124";
$dribbble-cir: "\e125";
$dribbble-icon: "\e126";
$dribbble-c0: $btn-shape-c0-default !default; // (better w no bg)
$dribbble-c1: $btn-shape-cir-inner; // round bg, alt: "\e127"
$dribbble-c2: "\e128"; // highlight
$dribbble-c3: $dribbble-icon; // icon outline
$dribbble-c4: "\e129"; // grey shadow (optional)
// DROPBOX (2014)
$dropbox-sq: "\e12a";
$dropbox-r1: "\e12b";
$dropbox-r2: "\e12c";
$dropbox-r3: "\e12d";
$dropbox-cir: "\e12e";
$dropbox-icon: "\e12f";
$dropbox-c0: $btn-shape-c0-default !default; // (better w no bg)
$dropbox-c1: $dropbox-icon; // blue box
// EBAY (2014)
$ebay-sq: "\e131";
$ebay-r1: "\e132";
$ebay-r2: "\e133";
$ebay-r3: "\e134";
$ebay-cir: "\e135";
$ebay-icon: "\e136";
$ebay-c0: $btn-shape-c0-default !default; // white bg
$ebay-c1: "\e137"; // red "e"
$ebay-c1-alt: "\e13a"; // red "e a"
$ebay-c2: "\e138"; // blue "b"
$ebay-c2-alt: "\e13b"; // blue "b y"
$ebay-c3: "\e139"; // yellow "a"
$ebay-c3-alt: "\e13c"; // yellow "ay"
$ebay-c4: "\e140"; // green "y"
// EMAIL
$email-sq: "\e04a";
$email-r1: "\e04b";
$email-r2: "\e04c";
$email-r3: "\e04d";
$email-cir: "\e04e";
$email-icon: "\e04f"; // envelope reversed
$email-icon-alt: "\e050"; // envelope outline
$email-c0: $btn-shape-c0-default !default; // btn bg (optional)
$email-c1: "\e037"; // grey envelope bg (becomes outline)
$email-c2: "\e048"; // lt grey envelope bottom
$email-c3: "\e049"; // lighter top flap (optional)
// EMAIL ALT (bolder, geometric style)
$email-alt-sq: "\e051";
$email-alt-r1: "\e052";
$email-alt-r2: "\e053";
$email-alt-r3: "\e054";
$email-alt-cir: "\e055";
$email-alt-icon: "\e056"; // 5x7 solid
$email-alt-icon-alt: "\e057"; // 5x7 outline
$email-alt-icon-alt2: "\e047"; // square outline
$email-alt-icon-alt3: "\e058"; // #10 outline
$email-alt-c0: $btn-shape-c0-default !default; // optional
$email-alt-c1: $email-alt-r1 !default;
$email-alt-c0-alt0: $btn-shape-sq !important; // lt. grey square (optional)
$email-alt-c1-alt0: $email-alt-sq; // dk grey flaps
$email-alt-c0-alt1: $btn-shape-r1 !important;
$email-alt-c1-alt1: $email-alt-r1;
$email-alt-c0-alt2: $btn-shape-r2 !important;
$email-alt-c1-alt2: $email-alt-r2;
$email-alt-c0-alt3: $btn-shape-r3 !important;
$email-alt-c1-alt3: $email-alt-r3;
$email-alt-c0-alt4: $btn-shape-cir !important;
$email-alt-c1-alt4: $email-alt-cir;
$email-alt-c0-icon: "\e038"; // lt. grey bg 5x7 - don't override
$email-alt-c1-icon: $email-alt-icon-alt2; // grey outline 5x7
$email-alt-c0-icon-alt: "\e039"; // lt. grey bg #10 - don't override
$email-alt-c1-icon-alt: $email-alt-icon-alt3; // grey outline #10
// EMAIL ALT 2 (stationery, w bottom-fold)
$email-alt2-sq: "\e05a";
$email-alt2-r1: "\e05b";
$email-alt2-r2: "\e05c";
$email-alt2-r3: "\e05d";
$email-alt2-cir: "\e05e";
$email-alt2-icon: "\e05f"; // 5x7 envelope
$email-alt2-c0: $btn-shape-c0-default !default;
$email-alt2-c0-alt: $btn-shape-sq !important; // lt grey bg
$email-alt2-c1: $email-alt2-sq;
$email-alt2-c1-alt0: $email-alt2-c1;
$email-alt2-c1-alt1: $email-alt2-r1;
$email-alt2-c1-alt2: $email-alt2-r2;
$email-alt2-c1-alt3: $email-alt2-r3;
$email-alt2-c1-alt4: $email-alt2-cir;
$email-alt2-c2: "\e060"; // top flap shadow (optional)
$email-alt2-c2-cir: "\e070"; // top shadow cropped by circle
$email-alt2-c0-icon: "\e038"; // 5x7 sq
$email-alt2-c1-icon: $email-alt2-icon;
$email-alt2-c2-icon: "\e040"; // top flap shadow (optional)
// EVERNOTE (2014)
$evernote-sq: "\e141";
$evernote-r1: "\e142";
$evernote-r2: "\e143";
$evernote-r3: "\e144";
$evernote-cir: "\e145";
$evernote-icon: "\e146";
$evernote-c0: $btn-shape-c0-default !default; // green bg - better w no bg
$evernote-c1: $evernote-icon; // grey elephant
$evernote-c2: "\e147"; // folded part of ear
// FACEBOOK (2014)
$facebook-sq: "\e021";
$facebook-r1: "\e022";
$facebook-r2: "\e023";
$facebook-r3: "\e024";
$facebook-cir: "\e027"; // "f" nudged left in circle
$facebook-cir-alt: "\e025"; // "f" in line with other icons
$facebook-icon: "\e026";
$facebook-icon-cir: "\e028"; // "f" nudged left for circle
$facebook-c0: $btn-shape-c0-default !default; // blue bg
$facebook-c1: $facebook-icon; // white "f"
$facebook-c1-alt: $facebook-icon-cir;
// FACEBOOK ALT (2014 - centered "f")
$facebook-alt-sq: "\e02a";
$facebook-alt-r1: "\e02b";
$facebook-alt-r2: "\e02c";
$facebook-alt-r3: "\e02d";
$facebook-alt-cir: "\e02e";
$facebook-alt-icon: "\e02f";
$facebook-alt-c0: $btn-shape-c0-default !default; // blue bg
$facebook-alt-c1: $facebook-alt-icon; // centered "f"
// FIND (See SEARCH in the NAV ELEMENTS above)
// FLATTR (2014)
$flattr-sq: "\e14a";
$flattr-r1: "\e14b";
$flattr-r2: "\e14c";
$flattr-r3: "\e14d";
$flattr-cir: "\e14e";
$flattr-icon: "\e14f";
$flattr-c0: $btn-shape-c0-default !default; // dark bg
$flattr-c1: "\e148"; // orange l
$flattr-c2: "\e149"; // green r
// no bg
$flattr-c0-alt: $flattr-c1;
$flattr-c1-alt: $flattr-c2;
// FLICKR (2014)
$flickr-sq: "\e151";
$flickr-r1: "\e152";
$flickr-r2: "\e153";
$flickr-r3: "\e154";
$flickr-cir: "\e155";
$flickr-icon: "\e156";
$flickr-c0: $btn-shape-c0-default !default; // white bg
$flickr-c1: "\e157"; // blue dot l
$flickr-c2: "\e158"; // pink dot r
// no bg
$flickr-c0-alt: $flickr-c1;
$flickr-c1-alt: $flickr-c2;
// FORRST (2014)
$forrst-sq: "\e15a";
$forrst-r1: "\e15b";
$forrst-r2: "\e15c";
$forrst-r3: "\e15d";
$forrst-cir: "\e15e";
$forrst-icon: "\e15f";
$forrst-c0: $btn-shape-c0-default !default;
$forrst-c1: $forrst-icon; // green tree
$forrst-c1-alt: "\e159"; // tree triangle
$forrst-c2: "\e15f"; // tree trunk (optional)
// FOURSQUARE (2014 - iOS 7 icon)
$foursquare-sq: "\e161";
$foursquare-r1: "\e162";
$foursquare-r2: "\e163";
$foursquare-r3: "\e164";
$foursquare-cir: "\e165";
$foursquare-icon: "\e166";
$foursquare-c0: $btn-shape-c0-default !default; // lt blue bg
$foursquare-c1: "\e167"; // dk blue diamond
$foursquare-c2: "\e168"; // green ball
$foursquare-c3: "\e16b"; // white swoosh rounded1
$foursquare-c0-alt0: $btn-shape-sq; // blue sq
$foursquare-c0-alt1: $btn-shape-r1; //
$foursquare-c0-alt2: $btn-shape-r2 !important; // blue rounded2
$foursquare-c0-alt3: $btn-shape-r3 !important; // blue rounded3
$foursquare-c0-alt4: $btn-shape-cir !important; // blue circle
$foursquare-c3-alt0: "\e16a"; // white swoosh square
$foursquare-c3-alt1: $foursquare-c3; // r1
$foursquare-c3-alt2: "\e16c"; // white swoosh rounded2
$foursquare-c3-alt3: "\e16d"; // white swoosh rounded3
$foursquare-c3-alt4: "\e16e"; // white swoosh circle
// GITHUB (2014 - Octocat)
$github-sq: "\e17a";
$github-r1: "\e17b";
$github-r2: "\e17c";
$github-r3: "\e17d";
$github-cir: "\e17e";
$github-icon: "\e17f"; // nudged up to center
$github-icon-alt: "\e177"; // nudged up silhouette
$github-icon-alt2: "\e180"; // lower, in line w btn
$github-c0: $btn-shape-c0-default !default;
$github-c1: "\e178"; // black octocat
$github-c1-alt: "\e179"; // reflection
$github-c1-alt2: "\e177"; // full silhouette
$github-c2: "\e174"; // lt orange face
$github-c2-alt: "\e173"; // lt orange face no eye holes (for dark bg)
$github-c3: "\e175"; // dk red eyes & mouth
$github-c4: "\e176"; // lt blue water (rgba)
// GITHUB ALT (2014 - Simplified Silhouette - official)
$github-alt-sq: "\e181";
$github-alt-r1: "\e182";
$github-alt-r2: "\e183";
$github-alt-r3: "\e184";
$github-alt-cir: "\e185";
$github-alt-icon: "\e186";
$github-alt-icon-alt: "\e188"; // larger - btn-shape-cir
$github-alt-c0: $btn-shape-c0-default !default;
$github-alt-c0-alt: $btn-shape-cir-inner !important; // light grey med circle
$github-alt-c1: $github-alt-icon;
$github-alt-c2: "\e187"; // black silhouette no circle
$github-alt-c2-alt: "\e189"; // larger - for btn-shape-cir
// GITTIP (2014)
$gittip-sq: "\e18a";
$gittip-r1: "\e18b";
$gittip-r2: "\e18c";
$gittip-r3: "\e18d";
$gittip-cir: "\e18e";
$gittip-icon: "\e18f";
$gittip-c0: $btn-shape-c0-default !default;
$gittip-c0-alt: $btn-shape-cir !important; // brown circle
$gittip-c1: $gittip-icon; // white heart
// GMAIL (2014)
$gmail-sq: "\e191";
$gmail-r1: "\e192";
$gmail-r2: "\e193";
$gmail-r3: "\e194";
$gmail-cir: "\e195";
$gmail-icon: "\e196"; // no bottom lines
$gmail-icon-alt: "\e190"; // bottom lines
$gmail-c0: $btn-shape-c0-default !default;
$gmail-c1: "\e197"; // lt beige bg
$gmail-c2: "\e198"; // red "M"
$gmail-c3: "\e199"; // shadow rgba
$gmail-c3-alt: "\e19e"; // shadow non-rgba
$gmail-c4: "\e19d"; // lighter envelope flap (optional)
$gmail-c4-alt: "\e19b"; // darker red "M" stem non-rgba
// GMAIL ALT (late 2013 - iOS 7 icon)
$gmail-alt-sq: $gmail-sq;
$gmail-alt-r1: $gmail-r1;
$gmail-alt-r2: $gmail-r2;
$gmail-alt-r3: $gmail-r3;
$gmail-alt-cir: $gmail-cir;
$gmail-alt-icon: $gmail-icon;
$gmail-alt-icon-alt: $gmail-icon-alt;
$gmail-alt-c0: $btn-shape-c0-default !default;
$gmail-alt-c1: "\e197"; // lt grey bg
$gmail-alt-c2: "\e198"; // red "M"
$gmail-alt-c3: "\e19a"; // alt shadow rgba
$gmail-alt-c3-alt: "\e19f"; // alt shadow non-rgba
$gmail-alt-c4: "\e19d"; // lighter envelope flap
$gmail-alt-c4-alt: "\e19c"; // alt darker "M" stems non-rgba
// * GMAIL LARGE (2014 - larger "btn-size" icon) *
$gmail-lg-sq: $gmail-sq;
$gmail-lg-r1: $gmail-r1;
$gmail-lg-r2: $gmail-r2;
$gmail-lg-r3: $gmail-r3;
$gmail-lg-cir: $gmail-cir;
$gmail-lg-icon: "\e201"; // no bottom lines
$gmail-lg-icon-alt: "\e200"; // bottom lines
$gmail-lg-c0: "\e202" !important; // light beige bg
$gmail-lg-c1: "\e203"; // red "M"
$gmail-lg-c2: "\e204"; // shadow rgba
$gmail-lg-c2-alt: "\e209"; // shadow non-rgba
$gmail-lg-c3: "\e208"; // lighter envelope flap
$gmail-lg-c3-alt: "\e206"; // darker "M" stem non-rgba
// * GMAIL LARGE (2014 - larger "btn-size" icon) *
$gmail-lg-alt-sq: $gmail-sq;
$gmail-lg-alt-r1: $gmail-r1;
$gmail-lg-alt-r2: $gmail-r2;
$gmail-lg-alt-r3: $gmail-r3;
$gmail-lg-alt-cir: $gmail-cir;
$gmail-lg-alt-icon: "\e201"; // no bottom lines
$gmail-lg-alt-icon-alt: "\e200"; // bottom lines
$gmail-lg-alt-c0: "\e202" !important; // light beige bg
$gmail-lg-alt-c1: "\e203"; // red "M"
$gmail-lg-alt-c2: "\e205"; // alt shadow rgba (iOS 7)
$gmail-lg-alt-c2-alt: "\e209"; // alt shadow non-rgba
$gmail-lg-alt-c3: "\e208"; // lighter envelope flap (iOS 7)
$gmail-lg-alt-c3-alt: "\e207"; // darker "M" stems non-rgba (iOS 7)
// GOOGLE SEARCH (2014)
$google-sq: "\e20a";
$google-r1: "\e20b";
$google-r2: "\e20c";
$google-r3: "\e20d";
$google-cir: "\e20e";
$google-icon: "\e20f";
$google-c0: $btn-shape-c0-default; // blue bg
$google-c1: $google-icon; // white "g"
$google-c2: "\e00e"; // bottom shape shadow (optional)
// GOOGLE+ (2014)
$googleplus-sq: "\e03a";
$googleplus-r1: "\e03b";
$googleplus-r2: "\e03c";
$googleplus-r3: "\e03d";
$googleplus-cir: "\e03e";
$googleplus-icon: "\e03f";
$googleplus-c0: $btn-shape-c0-default !default; // red bg
$googleplus-c1: $googleplus-icon; // white "g+"
$googleplus-c2: "\e00e"; // bottom shape shadow (optional)
// IMDB (2014)
$imdb-sq: "\e211";
$imdb-r1: "\e212";
$imdb-r2: "\e213";
$imdb-r3: "\e214";
$imdb-cir: "\e215";
$imdb-icon: "\e216";
$imdb-icon-alt: "\e217"; // reversed - ticket sized
$imdb-c0: $btn-shape-c0-default !default;
$imdb-c1: "\e21a"; // spotlight l rounded1
$imdb-c3: $imdb-icon; // black - add white text-shadow for glow
$imdb-c3-alt: $imdb-icon-alt;
$imdb-c0-alt0: $btn-shape-sq;
$imdb-c0-alt1: $btn-shape-r1; // gold rounded1 - don't override
$imdb-c0-alt2: $btn-shape-r2; // gold rounded2 - don't override
$imdb-c0-alt3: $btn-shape-r3; // gold rounded3 - don't override
$imdb-c0-alt4: $btn-shape-cir; // gold circle - don't override
$imdb-c1-alt0: "\e218"; // spotlight l sq
$imdb-c1-alt1: "\e21a"; // spotlight l rounded1
$imdb-c1-alt2: "\e21b"; // spotlight l rounded2
$imdb-c1-alt3: "\e21c"; // spotlight l rounded3
$imdb-c1-alt4: "\e21e"; // spotlight l circle
$imdb-c2-alt0: "\e219"; // spotlight r sq
$imdb-c2-alt1: $imdb-c2-alt0; // spotlight r r1
$imdb-c2-alt2: $imdb-c2-alt0; // spotlight r r2
$imdb-c2-alt3: "\e21d"; // spotlight r rounded3
$imdb-c2-alt4: "\e21f"; // spotlight r circle
// INSTAGRAM (2014 - official)
$instagram-sq: "\e221";
$instagram-r1: "\e222";
$instagram-r2: "\e223";
$instagram-r3: "\e224";
$instagram-cir: "\e225";
$instagram-icon: "\e226";
$instagram-c0: $btn-shape-c0-default !default;
$instagram-c1: "\e220"; // full camera bg
$instagram-c1-alt: "\e228"; // just the beige bottom
$instagram-c2: $instagram-icon; // tan outline
$instagram-c3: "\e227"; // brown top
$instagram-c4: "\e229"; // lens
$instagram-c4-alt: "\e250"; // lens & flash
// color bars - need 2 extra spans
$instagram-c5: "\e23c"; // red bar
$instagram-c6: "\e23d"; // yellow bar
$instagram-c7: "\e23e"; // green bar
$instagram-c8: "\e23f"; // blue bar
// INSTAGRAM ALT (2014 - bold, stylized)
$instagram-alt-sq: "\e22a";
$instagram-alt-r1: "\e22b";
$instagram-alt-r2: "\e22c";
$instagram-alt-r3: "\e22d";
$instagram-alt-cir: "\e22e";
$instagram-alt-icon: "\e22f";
$instagram-alt-c0: $btn-shape-r2 !important; // (optional)
$instagram-alt-c1: "\e235"; // brown top rounded2
$instagram-alt-c2: "\e236"; // tan bottom rounded2
$instagram-alt-c3: "\e259"; // black lens
$instagram-alt-c0-alt0: $btn-shape-sq !important; // (optional)
$instagram-alt-c1-alt0: "\e231"; // brown top sq
$instagram-alt-c2-alt0: "\e232"; // tan bottom sq
$instagram-alt-c0-alt1: $btn-shape-r1 !important; // (optional)
$instagram-alt-c1-alt1: "\e233"; // brown top rounded1
$instagram-alt-c2-alt1: "\e234"; // tan bottom rounded1
$instagram-alt-c0-alt2: $btn-shape-r2 !important; // (optional)
$instagram-alt-c1-alt2: "\e235"; // brown top rounded2
$instagram-alt-c2-alt2: "\e236"; // tan bottom rounded2
$instagram-alt-c3-alt2: $instagram-alt-c3; // black lens
$instagram-alt-c0-alt3: $btn-shape-r3 !important; // (optional)
$instagram-alt-c1-alt3: "\e237"; // brown top rounded3
$instagram-alt-c2-alt3: "\e238"; // tan bottom rounded3
$instagram-alt-c3-alt3: $instagram-alt-c3; // black lens
$instagram-alt-c0-alt4: $btn-shape-cir !important; // (optional)
$instagram-alt-c1-alt4: "\e239"; // brown top circle
$instagram-alt-c2-alt4: "\e23a"; // tan bottom circle
$instagram-alt-c3-alt4: $instagram-alt-c3; // black lens
$instagram-alt-c1-icon: "\e247"; // brown top
$instagram-alt-c2-icon: "\e248"; // tan bottom
$instagram-alt-c3-icon: "\e229"; // lens (smaller)
// INSTAGRAM ALT 2 (2014 - iOS icon vectorized)
$instagram-alt2-sq: "\e241";
$instagram-alt2-r1: "\e242";
$instagram-alt2-r2: "\e243";
$instagram-alt2-r3: "\e244";
$instagram-alt2-cir: "\e245";
$instagram-alt2-icon: "\e246";
$instagram-alt2-c0: $btn-shape-c0-default;
$instagram-alt2-c1: "\e230"; // bg minus lens & flash
$instagram-alt2-c1-alt: "\e248"; // just the bottom
$instagram-alt2-c1-alt2: "\e240"; // solid bg
$instagram-alt2-c2: "\e269"; // outline & top no lens
$instagram-alt2-c3: "\e247"; // brown top
$instagram-alt2-c4: "\e249"; // lens
$instagram-alt2-c4-alt: "\e260"; // lens & flash
// color bars - adds extra spans
$instagram-alt2-c5: $instagram-c5; // red bar
$instagram-alt2-c6: $instagram-c6; // yellow bar
$instagram-alt2-c7: $instagram-c7; // green bar
$instagram-alt2-c8: $instagram-c8; // blue bar
// KICKSTARTER (2014)
$kickstarter-sq: "\e24a";
$kickstarter-r1: "\e24b";
$kickstarter-r2: "\e24c";
$kickstarter-r3: "\e24d";
$kickstarter-cir: "\e24e";
$kickstarter-icon: "\e24f";
$kickstarter-c0: $btn-shape-c0-default; // black bg
$kickstarter-c1: $kickstarter-icon; // green "k"
// LAST.FM (2014)
$lastfm-sq: "\e251";
$lastfm-r1: "\e252";
$lastfm-r2: "\e253";
$lastfm-r3: "\e254";
$lastfm-cir: "\e255";
$lastfm-icon: "\e256";
$lastfm-c0: $btn-shape-c0-default; // red bg
$lastfm-c1: $lastfm-icon; // white logo
// LINKED IN (2014)
$linkedin-sq: "\e25a";
$linkedin-r1: "\e25b";
$linkedin-r2: "\e25c";
$linkedin-r3: "\e25d";
$linkedin-cir: "\e25e";
$linkedin-icon: "\e25f";
$linkedin-c0: $btn-shape-c0-default; // blue bg
$linkedin-c1: $linkedin-icon; // white "in"
// MICROSOFT (2014 - Microsoft Logo - square)
// See also WINDOWS below
$microsoft-sq: "\e37a";
$microsoft-r1: "\e37b";
$microsoft-r2: "\e37c";
$microsoft-r3: "\e37d";
$microsoft-cir: "\e37e";
$microsoft-icon: "\e37f";
$microsoft-c0: $btn-shape-c0-default;
$microsoft-c1: "\e357"; // red (+yellow)
$microsoft-c2: "\e358"; // blue (+green)
$microsoft-c3: "\e359"; // yellow (+green)
$microsoft-c1-icon: "\e377"; // red sq ul
$microsoft-c2-icon: "\e378"; // green sq ur
$microsoft-c3-icon: "\e379"; // yellow sq lr
$microsoft-c4-icon: "\e380"; // blue sq ll
// MYSPACE (2014)
$myspace-sq: "\e261";
$myspace-r1: "\e262";
$myspace-r2: "\e263";
$myspace-r3: "\e264";
$myspace-cir: "\e265";
$myspace-icon: "\e266";
$myspace-c0: $btn-shape-c0-default; // dk grey bg
$myspace-c1: $myspace-icon; // white logo
// PANDORA (2014)
$pandora-sq: "\e26a";
$pandora-r1: "\e26b";
$pandora-r2: "\e26c";
$pandora-r3: "\e26d";
$pandora-cir: "\e26e";
$pandora-icon: "\e26f";
$pandora-c0: $btn-shape-c0-default; // lt grey bg
$pandora-c1: $pandora-icon; // blue "P"
// PAYPAL (2014)
$paypal-sq: "\e271";
$paypal-r1: "\e272";
$paypal-r2: "\e273";
$paypal-r3: "\e274";
$paypal-cir: "\e275";
$paypal-icon: "\e276";
$paypal-c0: $btn-shape-c0-default;
$paypal-c1: "\e277"; // blue "P"
$paypal-c2: "\e278"; // light blue shadow
// PICASA (2014)
$picasa-sq: "\e27a";
$picasa-r1: "\e27b";
$picasa-r2: "\e27c";
$picasa-r3: "\e27d";
$picasa-cir: "\e27e";
$picasa-icon: "\e27f"; // solid
$picasa-icon-alt: "\e280"; // outline
$picasa-c0: $btn-shape-c0-default;
$picasa-c0-alt: "\e286"; // round bg
$picasa-c1: "\e281"; // shutter1 red + purple + yellow
$picasa-c2: "\e282"; // shutter2 yellow + green
$picasa-c3: "\e283"; // shutter3 blue + purple + green
$picasa-c4: $picasa-icon-alt; // lt grey "spokes"
// PICASA-ALT (2014 - requires 2 extra spans)
$picasa-alt-sq: $picasa-sq;
$picasa-alt-r1: $picasa-r1;
$picasa-alt-r2: $picasa-r2;
$picasa-alt-r3: $picasa-r3;
$picasa-alt-cir: $picasa-cir;
$picasa-alt-icon: $picasa-icon; // solid
$picasa-alt-icon-alt: $picasa-icon-alt; // outline
$picasa-alt-c0: $btn-shape-c0-default;
$picasa-alt-c1: "\e284"; // shutter1 red
$picasa-alt-c2: "\e285"; // shutter2 yellow
$picasa-alt-c3: "\e286"; // shutter3 green
$picasa-alt-c4: "\e287"; // shutter4 blue
$picasa-alt-c5: "\e288"; // shutter5 purple
$picasa-alt-c6: $picasa-alt-icon-alt;
// PINBOARD (2014)
$pinboard-sq: "\e28a";
$pinboard-r1: "\e28b";
$pinboard-r2: "\e28c";
$pinboard-r3: "\e28d";
$pinboard-cir: "\e28e";
$pinboard-icon: "\e28f";
$pinboard-c0: $btn-shape-c0-default; // blue bg
$pinboard-c1: $pinboard-icon; // white icon
// PINTEREST (2014)
$pinterest-sq: "\e291";
$pinterest-r1: "\e292";
$pinterest-r2: "\e293";
$pinterest-r3: "\e294";
$pinterest-cir: "\e295";
$pinterest-icon: "\e29f"; // P inside circle
$pinterest-icon-alt: "\e296"; // just the P uncropped
$pinterest-c0: $btn-shape-c0-default !default;
$pinterest-c0-alt: $btn-shape-cir !important; // red round bg - don't override
$pinterest-c1: "\e297"; // big P cropped by bottom
$pinterest-c1-alt: $pinterest-icon-alt; // big P uncropped
$pinterest-c1-cir: "\e298"; // big P cropped by big circle
$pinterest-icon-c1: "\e299"; // little P cropped by smaller circle
// PINTEREST ALT (2014)
$pinterest-alt-sq: "\e29a";
$pinterest-alt-r1: "\e29b";
$pinterest-alt-r2: "\e29c";
$pinterest-alt-r3: "\e29d";
$pinterest-alt-cir: "\e29e";
$pinterest-alt-icon: "\e29f";
$pinterest-alt-c0: $btn-shape-c0-default !default; // red bg
$pinterest-alt-c0-alt: $btn-shape-cir-inner !important; // round bg
$pinterest-alt-c1: $btn-shape-cir-inner; // red smaller circle
$pinterest-alt-c2: "\e299"; // little P cropped by smaller circle
// PODCAST
$podcast-sq: "\e301";
$podcast-r1: "\e302";
$podcast-r2: "\e303";
$podcast-r3: "\e304";
$podcast-cir: "\e305";
$podcast-icon: "\e306";
$podcast-c0: $btn-shape-c0-default !default; // purple bg
$podcast-c1: "\e307"; // dk grey "person"
$podcast-c2: "\e308"; // purple waves
$podcast-c3: "\e309"; // inner wave
// RDIO (2014)
$rdio-sq: "\e30a";
$rdio-r1: "\e30b";
$rdio-r2: "\e30c";
$rdio-r3: "\e30d";
$rdio-cir: "\e30e";
$rdio-icon: "\e30f";
$rdio-c0: $btn-shape-c0-default; // blue bg
$rdio-c1: $rdio-icon; // white logo
// REDDIT (2014)
$reddit-sq: "\e311";
$reddit-r1: "\e312";
$reddit-r2: "\e313";
$reddit-r3: "\e314";
$reddit-cir: "\e315";
$reddit-icon: "\e316";
$reddit-c0: $btn-shape-c0-default; // light blue bg
$reddit-c1: "\e317"; // white head silhouette
$reddit-c2: "\e318"; // head outline no eyes
$reddit-c3: "\e319"; // red eyes
// RSS (2014)
$rss-sq: "\e041";
$rss-r1: "\e042";
$rss-r2: "\e043";
$rss-r3: "\e044";
$rss-cir: "\e045";
$rss-icon: "\e046";
$rss-c0: $btn-shape-c0-default; // orange bg
$rss-c1: $rss-icon; // white icon
// SEARCH (see NAVIGATION ELEMENTS above)
// SHARETHIS (2014)
$sharethis-sq: "\e31a";
$sharethis-r1: "\e31b";
$sharethis-r2: "\e31c";
$sharethis-r3: "\e31d";
$sharethis-cir: "\e31e";
$sharethis-icon: "\e31f";
$sharethis-c0: $btn-shape-c0-default; // green bg
$sharethis-c1: $sharethis-icon; // white logo
// SKYPE (2014)
$skype-sq: "\e321";
$skype-r1: "\e322";
$skype-r2: "\e323";
$skype-r3: "\e324";
$skype-cir: "\e325";
$skype-icon: "\e326";
$skype-c0: $btn-shape-c0-default;
$skype-c1: "\e327"; // blue cloud shape
$skype-c2: "\e320"; // white "s"
// SLIDESHARE (2014)
$slideshare-sq: "\e32a";
$slideshare-r1: "\e32b";
$slideshare-r2: "\e32c";
$slideshare-r3: "\e32d";
$slideshare-cir: "\e32e";
$slideshare-icon: "\e32f";
$slideshare-c0: $btn-shape-c0-default;
$slideshare-c1: $slideshare-icon; // grey icon w sceen border
$slideshare-c1-alt: "\e330"; // grey sceen border only
$slideshare-c1-alt2: "\e337"; // white screen bg (optional - from favicon)
$slideshare-c2: "\e328"; // blue person r
$slideshare-c3: "\e329"; // orange person l
// SOUNDCLOUD (2014)
$soundcloud-sq: "\e331";
$soundcloud-r1: "\e332";
$soundcloud-r2: "\e333";
$soundcloud-r3: "\e334";
$soundcloud-cir: "\e335";
$soundcloud-icon: "\e336";
$soundcloud-c0: $btn-shape-c0-default; // orange bg
$soundcloud-c1: "\e336"; // white cloud
// SPOTIFY (2014)
$spotify-sq: "\e33a";
$spotify-r1: "\e33b";
$spotify-r2: "\e33c";
$spotify-r3: "\e33d";
$spotify-cir: "\e33e";
$spotify-icon: "\e33f";
$spotify-c0: $btn-shape-c0-default; // grey bg
$spotify-c1: $btn-shape-cir-inner; // green cir - don't override
$spotify-c1-alt: $spotify-icon;
$spotify-c2: "\e340"; // black waves
// STACKICONS ICON (2014)
$stackicons-sq: "\e611";
$stackicons-r1: "\e612";
$stackicons-r2: "\e613";
$stackicons-r3: "\e614";
$stackicons-cir: "\e615";
$stackicons-icon: "\e616";
$stackicons-c0: $btn-shape-c0-default;
$stackicons-c1: "\e617"; // dk red outer
$stackicons-c2: "\e618"; // red middle
$stackicons-c3: "\e619"; // orange inner
// STACKICONS LOGO (2014)
$stackicons-logo-icon: "\e60b"; // logo
$stackicons-logo-icon-alt: "\e60a"; // logo reversed
$stackicons-logo-c0: "\e60c" !important; // dk red outer
$stackicons-logo-c1: "\e60d"; // red middle
$stackicons-logo-c2: "\e60e"; // orange inner
$stackicons-logo-c3: "\e60f"; // lt orange inner
// STACK OVERFLOW (2014)
$stackoverflow-sq: "\e341";
$stackoverflow-r1: "\e342";
$stackoverflow-r2: "\e343";
$stackoverflow-r3: "\e344";
$stackoverflow-cir: "\e345";
$stackoverflow-icon: "\e346";
$stackoverflow-c0: $btn-shape-c0-default;
$stackoverflow-c1: "\e347"; // bottom tray +2
$stackoverflow-c2: "\e348"; // orange lines x5
$stackoverflow-c2-alt: "\e34a"; // orange lines x4
$stackoverflow-c3: "\e349"; // bottom tray +4
$stackoverflow-c4: "\e34c"; // red-orange line top
// STUMBLEUPON (2014)
$stumbleupon-sq: "\e351";
$stumbleupon-r1: "\e352";
$stumbleupon-r2: "\e353";
$stumbleupon-r3: "\e354";
$stumbleupon-cir: "\e355";
$stumbleupon-icon: "\e356";
$stumbleupon-c0: $btn-shape-c0-default; // orange bg
$stumbleupon-c0-alt: $btn-shape-cir !important; // orange circle
$stumbleupon-c1: $stumbleupon-icon; // white icon
// TUMBLR (2014)
$tumblr-sq: "\e35a";
$tumblr-r1: "\e35b";
$tumblr-r2: "\e35c";
$tumblr-r3: "\e35d";
$tumblr-cir: "\e35e";
$tumblr-icon: "\e35f";
$tumblr-c0: $btn-shape-c0-default; // blue bg
$tumblr-c1: $tumblr-icon; // white icon
// TWITTER (2014)
$twitter-sq: "\e031";
$twitter-r1: "\e032";
$twitter-r2: "\e033";
$twitter-r3: "\e034";
$twitter-cir: "\e035";
$twitter-icon: "\e036";
$twitter-c0: $btn-shape-c0-default !default; // blue bg
$twitter-c1: $twitter-icon; // white icon
// VIMEO (2014)
$vimeo-sq: "\e361";
$vimeo-r1: "\e362";
$vimeo-r2: "\e363";
$vimeo-r3: "\e364";
$vimeo-cir: "\e365";
$vimeo-icon: "\e366";
$vimeo-c0: $btn-shape-c0-default; // blue bg
$vimeo-c1: $vimeo-icon; // white icon
// VINE (2014)
$vine-sq: "\e36a";
$vine-r1: "\e36b";
$vine-r2: "\e36c";
$vine-r3: "\e36d";
$vine-cir: "\e36e";
$vine-icon: "\e36f";
$vine-c0: $btn-shape-c0-default; // green bg
$vine-c1: $vine-icon; // white icon
// WINDOWS (2014 - Windows 8)
$windows-sq: "\e371";
$windows-r1: "\e372";
$windows-r2: "\e373";
$windows-r3: "\e374";
$windows-cir: "\e375";
$windows-icon: "\e376";
$windows-c0: $btn-shape-c0-default; // blue bg
$windows-c1: $windows-icon; // white icon
// WINDOWS 7 (2014 - wavy)
$windows7-sq: "\e381";
$windows7-r1: "\e382";
$windows7-r2: "\e383";
$windows7-r3: "\e384";
$windows7-cir: "\e385";
$windows7-icon: "\e386";
$windows7-c0: $btn-shape-c0-default;
$windows7-c1: "\e367"; // red (+yellow)
$windows7-c2: "\e368"; // blue (+green)
$windows7-c3: "\e369"; // yellow (+green)
$windows7-c1-icon: "\e387"; // red sq ul
$windows7-c2-icon: "\e388"; // green sq ur
$windows7-c3-icon: "\e389"; // yellow sq lr
$windows7-c4-icon: "\e390"; // blue sq ll
// WORDPRESS (2014)
$wordpress-sq: "\e38a";
$wordpress-r1: "\e38b";
$wordpress-r2: "\e38c";
$wordpress-r3: "\e38d";
$wordpress-cir: "\e38e";
$wordpress-icon: "\e38f";
$wordpress-c0: $btn-shape-c0-default; // blue or grey bg
$wordpress-c1: $wordpress-icon; // white icon
// XING (2014)
$xing-sq: "\e391";
$xing-r1: "\e392";
$xing-r2: "\e393";
$xing-r3: "\e394";
$xing-cir: "\e395";
$xing-icon: "\e396";
$xing-c0: $btn-shape-c0-default; // white bg
$xing-c1: "\e397"; // dk green l
$xing-c2: "\e398"; // lt green r
// YAHOO (2014)
$yahoo-sq: "\e39a";
$yahoo-r1: "\e39b";
$yahoo-r2: "\e39c";
$yahoo-r3: "\e39d";
$yahoo-cir: "\e39e";
$yahoo-icon: "\e39f";
$yahoo-icon-alt: "\e399"; // reversed in scalloped square
$yahoo-c0: $btn-shape-c0-default; // blue or grey bg
$yahoo-c0-alt: "\e400"; // scalloped square
$yahoo-c1: $yahoo-icon; // white icon
// YAHOO-ALT (2014)
$yahoo-alt-sq: "\e399"; // reversed in scalloped square
$yahoo-alt-r1: "\e39b";
$yahoo-alt-r2: "\e39c";
$yahoo-alt-r3: "\e39d";
$yahoo-alt-cir: "\e39e";
$yahoo-alt-icon: "\e409"; // reversed in scalloped square smaller
$yahoo-alt-icon-alt: "\e39f"; // Y
$yahoo-alt-c0: $btn-shape-c0-default;
$yahoo-alt-c0-alt: "\e400" !important; // scalloped square
$yahoo-alt-c1: $yahoo-icon; // white icon
$yahoo-alt-c0-icon: "\e360"; // scalloped square smaller
$yahoo-alt-c1-icon: "\e370"; // white icon smaller
// YELP (2014)
$yelp-sq: "\e401";
$yelp-r1: "\e402";
$yelp-r2: "\e403";
$yelp-r3: "\e404";
$yelp-cir: "\e405";
$yelp-icon: "\e406";
$yelp-c0: $btn-shape-c0-default; // red bg (optional)
$yelp-c1: "\e407"; // inset (text-shadow 0 -1px for bevel)
$yelp-c2: "\e408"; // white outline
$yelp-c2-alt: $yelp-icon; // red asterisk
// YELP ALT (2014)
$yelp-alt-sq: "\e40a";
$yelp-alt-r1: "\e40b";
$yelp-alt-r2: "\e40c";
$yelp-alt-r3: "\e40d";
$yelp-alt-cir: "\e40e";
$yelp-alt-icon: $yelp-icon;
$yelp-alt-c0: $btn-shape-c0-default; // red bg (optional)
$yelp-alt-c1: "\e407"; // inset (text-shadow 0 -1px for bevel)
$yelp-alt-c2: $yelp-icon; // red asterisk
// YOUTUBE (2014 - screen shape w play button)
$youtube-sq: "\e411";
$youtube-r1: "\e412";
$youtube-r2: "\e413";
$youtube-r3: "\e414";
$youtube-cir: "\e415";
$youtube-icon: "\e416";
$youtube-icon-alt: "\e41f"; // bigger, btn-size icon
$youtube-c0: $btn-shape-c0-default !default; // red bg (optional)
$youtube-c1: "\e417"; // white screen shape
$youtube-c1-alt: "\e416"; // white screen shape with play button
$youtube-c2: "\e418"; // red play button
$youtube-c3: "\e410"; // inset shadow of play button (optional)
// YOUTUBE ALT (2014 - logotype stacked)
$youtube-alt-sq: "\e421";
$youtube-alt-r1: "\e422";
$youtube-alt-r2: "\e423";
$youtube-alt-r3: "\e424";
$youtube-alt-cir: "\e425";
$youtube-alt-icon: "\e426";
$youtube-alt-c0: $btn-shape-c0-default !default;
$youtube-alt-c1: "\e427"; // black "You"
$youtube-alt-c2: "\e428"; // red screen shape
$youtube-alt-c2-alt: "\e430"; // red screen shape around "Tube"
$youtube-alt-c3: "\e429"; // white "Tube"
// YOUTUBE ALT 2 (2014 - play button only, no screen shape)
$youtube-alt2-sq: "\e41a";
$youtube-alt2-r1: "\e41b";
$youtube-alt2-r2: "\e41c";
$youtube-alt2-r3: "\e41d";
$youtube-alt2-cir: "\e41e";
$youtube-alt2-icon: "\e41f"; // bigger, btn-size icon
$youtube-alt2-c0: $btn-shape-c0-default !default;
$youtube-alt2-c0-alt0: $btn-shape-sq;
$youtube-alt2-c0-alt1: $btn-shape-r1;
$youtube-alt2-c0-alt2: $btn-shape-r2;
$youtube-alt2-c0-alt3: $btn-shape-r3;
$youtube-alt2-c0-alt4: $btn-shape-cir;
$youtube-alt2-c1: "\e42f"; // screen-shaped bg
$youtube-alt2-c2: "\e420"; // play button
$youtube-alt2-c3: "\e419"; // inset shadow of play button (optional)
// YOUTUBE LOGO (2014)
$youtube-logo-icon: "\e42a";
$youtube-logo-c0: "\e042b"; // black "You"
$youtube-logo-c1: "\e042c"; // red screen shape
$youtube-logo-c1-alt: "\e042e"; // red screen shape around "Tube"
$youtube-logo-c2: "\e042d"; // white "Tube"
// ZERPLY (2014)
$zerply-sq: "\e431";
$zerply-r1: "\e432";
$zerply-r2: "\e433";
$zerply-r3: "\e434";
$zerply-cir: "\e435";
$zerply-icon: "\e436";
$zerply-c0: $btn-shape-c0-default; // grey bg
$zerply-c1: $zerply-icon; // green icon
// end UNICODES (_unicodes-stackicons-social.scss)