Refactor CSS

assets/stylesheets/application-dark.css.scss

@@ -28,7 +28,8 @@
         'components/prism',
         'components/mobile';
 
-@import 'pages/angular',
+@import 'pages/base',
+        'pages/angular',
         'pages/bower',
         'pages/c',
         'pages/chai',
@@ -46,7 +47,6 @@
         'pages/grunt',
         'pages/laravel',
         'pages/less',
-        'pages/lodash',
         'pages/lua',
         'pages/marionette',
         'pages/markdown',

assets/stylesheets/application.css.scss

@@ -28,7 +28,8 @@
         'components/prism',
         'components/mobile';
 
-@import 'pages/angular',
+@import 'pages/base',
+        'pages/angular',
         'pages/bower',
         'pages/c',
         'pages/chai',
@@ -46,7 +47,6 @@
         'pages/grunt',
         'pages/laravel',
         'pages/less',
-        'pages/lodash',
         'pages/lua',
         'pages/marionette',
         'pages/markdown',

assets/stylesheets/components/_content.scss

@@ -208,7 +208,7 @@
   padding: .625rem 1rem;
   @extend %box;
 
-  + ._lined-heading { margin-top: 0; }
+  + h1 { margin-top: 0; }
 }
 
 ._toc-title {

assets/stylesheets/pages/_base.scss

@@ -0,0 +1,21 @@
+%simple {
+  padding-left: 1rem;
+
+  h1, h2, h3 {
+    position: relative;
+    left: -1rem;
+  }
+  h2 { @extend %block-heading; }
+  h3 { @extend %block-label, %label-blue; }
+  h4 { font-size: inherit; }
+
+  ._mobile & {
+    padding-left: 0;
+
+    h1, h2, h3 { left: 0; }
+  }
+
+  code { @extend %label; }
+}
+
+._lodash { @extend %simple; }

assets/stylesheets/pages/_lodash.scss

@@ -1,8 +0,0 @@
-._lodash {
-  padding-left: 1rem;
-
-  h1, h2 { margin-left: -1rem; }
-  h2 { @extend %block-heading; }
-  h3 { @extend %block-label, %label-blue; }
-  h4 { font-size: inherit; }
-}

assets/stylesheets/pages/_sinon.scss

@@ -1,7 +1,10 @@
 ._sinon {
   padding-left: 1rem;
 
-  > h1, > h2, > h3 { margin-left: -1rem; }
+  > h1, > h2, > h3 {
+    position: relative;
+    left: -1rem;
+  }
   > h2 { @extend %block-heading; }
   > h3 { @extend %block-label, %label-blue; }