Merge pull request #1578 from ugultopu/semantic-html-for-git-version

Use pseudo element to represent shell prompt

Author: peff

app/assets/stylesheets/reference.scss

@@ -143,15 +143,6 @@ h3.plumbing {
       display: block;
       color: $light-font-color;
     }
-
-    code {
-      user-select: all;
-    }
-
-    span.prompt {
-      user-select: none;
-      font-weight: bold;
-    }
   }
 }
 
@@ -360,3 +351,12 @@ p.quickref {
   margin-bottom: 20px;
   background-color: $callout-color;
 }
+
+code.command {
+  user-select: all;
+
+  &::before {
+    content: '$ ';
+    font-weight: bold;
+  }
+}

app/views/doc/_versions.html.erb

@@ -35,6 +35,6 @@
   </ol>
   <footer>
     <p>Check your version of git by running</p>
-    <code><span class="prompt">$ </span>git --version</code>
+    <code class="command">git --version</code>
   </footer>
 </div>