channel switcher

gistfile1.txt

    @mixin channelBackgroundImage($image-name, $has-hover-state: false, $inverted-image: '') {
        $base: "../../../img/channels/logos/";
        $ext: "_transparent.png";
        $image-location: $base + $image-name + $ext;
        background-image: url("#{$image-location}");

        @if $has-hover-state {
            $base: $base + "/hover/";
            $image-location: $base + $image-name + $ext;
            @include hoverActiveFocus {
                background-image: url("#{$image-location}");
            }
            @if $inverted-image != '' {
                $image-location: $base + $inverted-image + $ext;
            }
            &.current {
                background-image: url("#{$image-location}");
            }
        }
    }
    
    
    ====
    
    @mixin channelBackgroundImage($image-name, $has-hover-state: false, $inverted-image: '') {
 +        $image-location: "../../../img/channels/logos/" + $image-name;
 +        background-image: url("#{$image-location}");
 +
 +        @if $has-hover-state {
 +            $image-location: "../../../img/channels/logos/hover/" + $image-name;
 +            @include hoverActiveFocus {
 +                background-image: url("#{$image-location}");
 +            }
 +            @if $inverted-image != '' {
 +                $image-location: "../../../img/channels/logos/hover/" + $inverted-image;
 +            }
 +            &.current {
 +                background-image: url("#{$image-location}");
 +            }
 +        }
 +    }