// original code before using compass feature
// translating this to scss using compass sprite.


a {
             background:url(/assets/img/logo.png) 0 50% no-repeat;
             height: 100px;
             width:120px;
             display: block;
            text-indent:-9999px;
            overflow:hidden;

        }




//  new code using compass + scss

@import compass;
@import "spr/*.png";


a {
             @include spr-sprite("logo");
             @include hide-text;
             height: 100px;
             width:120px;
        }





// rendered code - notice it has no "0 50%"

.spr-sprite, a {
  background: url('../img/spr-s91d142b02d.png') no-repeat; }

 a {
    background-position: 0 0;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    height: 100px;
    width: 120px; }