Style updates

Regenerate command reference
Regenerate css
Update pre code to scroll

Author: acacheung

command-reference.md

@@ -15,7 +15,7 @@ What each `gem` command does, and how to use it.
 <em class="t-gray">What each `gem` command does, and how to use it.</em>
 >>>>>>> Add redesign styles for guides
 
-This reference was automatically generated from RubyGems version 2.4.2.
+This reference was automatically generated from RubyGems version 2.2.0.
 
 * [gem build](#gem-build)
 * [gem cert](#gem-cert)

stylesheets/_type.scss

@@ -248,16 +248,13 @@ a.t-list__item {
 
   pre {
     padding: 30px;
-    overflow: auto;
+    overflow-x: scroll;
     border-radius: 5px;
     color: $white;
     code {
-      // TODO fix undo-ing style
-      padding: {
-        right: 0;
-        left: 0;
-      }
+      overflow-x: scroll;
       line-height: 1.33;
+      word-break: normal;
     }
   }
 

stylesheets/application.css

@@ -340,13 +340,13 @@ a.t-list__item {
   border-left: none; }
 .t-body pre {
   padding: 30px;
-  overflow: auto;
+  overflow-x: scroll;
   border-radius: 5px;
   color: white; }
   .t-body pre code {
-    padding-right: 0;
-    padding-left: 0;
-    line-height: 1.33; }
+    overflow-x: scroll;
+    line-height: 1.33;
+    word-break: normal; }
 .t-body code {
   font-weight: bold;
   font-family: "courier", monospace;
@@ -366,6 +366,8 @@ a.t-list__item {
     margin-right: 5px;
     font-weight: 800;
     content: counter(counter,decimal) ". "; }
+.t-body li {
+  word-wrap: break-word; }
 .t-body img {
   margin-right: 12px;
   height: 32px;