fixed recipe for use inside of media-queries (removes use of @extend) and add github style

I can clean this if it's too dirty.  I am actually not very familiar with sass at all and went down this path just for the simple task of getting some working ribbon css.  

It turns out the CSS looked great on either a big screen or mobile but not both; and attempting to put the @include inside a @media was giving 

    DEPRECATION WARNING on line 63 of [snip]compass-recipes/stylesheets/recipes/effect/_ribbon.scss:
      @extending an outer selector from within @media is deprecated.
      You may only @extend selectors within the same directive.
      This will be an error in Sass 3.3.
      It can only work once @extend is supported natively in the browser.


This warning was busting my workflow so I just 'unrolled' the @extend.

While I was at it, I took my first shot at the gitub style... which really should just be called 'green classic' or whatever now that I look at it.