diff --git a/assets/stylesheets/application-dark.css.scss b/assets/stylesheets/application-dark.css.scss index 5a8bf467..b596ec96 100644 --- a/assets/stylesheets/application-dark.css.scss +++ b/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', diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss index acedcc4e..a8317ff5 100644 --- a/assets/stylesheets/application.css.scss +++ b/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', diff --git a/assets/stylesheets/components/_content.scss b/assets/stylesheets/components/_content.scss index 165ddef4..fb2e27f1 100644 --- a/assets/stylesheets/components/_content.scss +++ b/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 { diff --git a/assets/stylesheets/pages/_base.scss b/assets/stylesheets/pages/_base.scss new file mode 100644 index 00000000..587580b8 --- /dev/null +++ b/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; } diff --git a/assets/stylesheets/pages/_lodash.scss b/assets/stylesheets/pages/_lodash.scss deleted file mode 100644 index 0bc986dc..00000000 --- a/assets/stylesheets/pages/_lodash.scss +++ /dev/null @@ -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; } -} diff --git a/assets/stylesheets/pages/_sinon.scss b/assets/stylesheets/pages/_sinon.scss index 90f5e044..53d5bf9b 100644 --- a/assets/stylesheets/pages/_sinon.scss +++ b/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; }