drop iframe attributes for CSS styling

From f4bb660974

docs/_includes/footer.html

@@ -2,7 +2,7 @@
   <!-- Social links -->
   <ul class="social">
     <li>
-      <iframe src="http://ghbtns.com/github-btn.html?user=twbs&repo=ratchet&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=ratchet&amp;type=watch&amp;count=true" width="100" height="20"></iframe>
     </li>
     <li>
       <a data-ignore="push" href="https://twitter.com/share" class="twitter-share-button" data-url="http://goratchet.com" data-text="Ratchet &#8211; Build mobile apps with simple HTML, CSS, and JS components." data-via="GoRatchet">Tweet</a>

docs/assets/css/docs.css

@@ -353,6 +353,11 @@ body {
   color: rgba(255, 255, 255, 0.8);
 }
 
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
+
 .docs-component-toolbar {
   padding-top: 8px;
   padding-bottom: 8px;

sass/docs.scss

@@ -336,6 +336,11 @@ body {
   }
 }
 
+// Style the GitHub buttons via CSS instead of inline attributes
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
 
 // Platform toggle
 // --------------------------------------------------