Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="007">Bond</div>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@function social($value){
    $color: map-get($social-colors, $value);
    @return $color;
}

$social: (
  ("facebook",social(facebook),'7'),
  ("flickr",social(flickr),'w'),
  ("googleplus",social(googleplus),'r'),
  ("twitter",social(twitter),"'"),
  ("linkedin",social(linkedin),'*'),
  ("instagram",social(instagram),'9'),
  ("pinterest",social(pinterest),'K'),
  ("vkontakte",social(vkontakte),'&'),
  ("youtube",social(youtube),'"')
);

@each $name,$color,$icon in $social{
    .social{
        &:before{ font-family: $social-font; }
        &.#{$name}{ background: #{$color}; color: color(white);
            @include shadow(rgba(black,0.25),black,false,true);
            &:hover{ background: darken($color,10%); }
            &:before{ content:"#{$icon}"; }
        }
    }
}

SassMeister-output.css

Undefined variable: "$social-colors".

SassMeister-rendered.html

<div class="007">Bond</div>