title: Localizing/Scoping a sass mixin
body: <p>Is there a way to localize a SCSS mixin to apply only to a certain scope? </p>
  
  <p>I have the following <a href="http://codepen.io/ColdToast/pen/urtkx" rel="noreferrer">example</a></p>
  
  <p>... where I have a couple basic mixins</p>
  
  <pre><code>@mixin shadow ($color) { 
    text-shadow: 4px 3px 0 $color, 7px 6px 0 rgba(0,0,0,.2);
  }
  
  @mixin shadow-icon ($color) { 
    span[class*='entypo'] {
      @include shadow($color);
      font-size: 156px;
    }  
  }
  </code></pre>
  
  <p>I dont want to repeat the exact same code for every <code>item</code> with just a different color. But this will be a one off style for this page so I dont want these to be accessible from anywhere just this file/scope/etc.</p>
  
  <p>Does there exist a way to localize or scope a mixin?</p>