_scss: combine some overlapping rules, and move some to the right section

Signed-off-by: Sebastiaan van Stijn <[email protected]>

Author: thaJeztah

_scss/_content.scss

@@ -11,35 +11,39 @@
 /*
  * Code formatting *************************************************************
  */
+pre, code {
+  background-color: #f5f8fa!important;
+  color: #0c5176 !important;
+}
 
 pre {
-    background-color: #F5F8FA!important;
+    border: 0;
+    border-radius: 4px;
     display: block;
     padding: 20.5px!important;
     margin: 0 0 10px;
     font-size: 13px;
     line-height: 1.42857143;
-    color: #333;
     word-break: normal !important;
     word-wrap: break-word;
-    border: 0!important;
-    border-radius: 4px;
+
+    code {
+        overflow-x: auto;
+        overflow-wrap: normal;
+        white-space: pre;
+    }
 }
 
 code {
-    background-color: #F5F8FA!important;
     border-radius: 2px;
-    color: #0c5176 !important;
     font-size: 90%;
     padding: 3px 7px;
     overflow-x: scroll;
     white-space: nowrap;
 }
 
-pre code {
-    overflow-x: auto;
-    overflow-wrap: normal;
-    white-space: pre;
+.highlighter-rouge {
+  margin: 15px 0;
 }
 
 /*
@@ -130,29 +134,3 @@ a.glossary {
         text-decoration: none;
     }
 }
-
-.highlighter-rouge {
-    margin: 15px 0;
-}
-
-code {
-    padding: 3px 7px;
-    font-size: 90%;
-    color: #0c5176!important;
-    background-color: rgba(12, 81, 118, 0.1);
-    border-radius: 2px;
-}
-
-pre {
-    display: block;
-    padding: 9.5px;
-    margin: 0 0 10px;
-    font-size: 13px;
-    line-height: 1.42857143;
-    color: #333;
-    word-break: normal!important;
-    word-wrap: break-word;
-    background-color: #f5f5f5;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-}

_scss/_night-mode.scss

@@ -181,25 +181,21 @@ body.night {
         background-color: #2f2f2f;
     }
     /* force blockquote styles */
-    blockquote.warning {
+    blockquote.warning, blockquote.warning p:first-child {
         color: #ff7e7a!important;
     }
-    blockquote.warning p:first-child {
-        color: #ff7e7a!important;
-    }
-    blockquote.important {
-        border-left-color: #f5ac45!important;
-    }
-    blockquote.important p:first-child {
+    blockquote.important, blockquote.important p:first-child {
         color: #f5ac45!important;
     }
 
     /* syntax highlighting */
-    .highlight .nt {
+    .highlight {
+      .nt {
         color: #e8a0e8;
-    }
-    .highlight .k {
+      }
+      .k {
         color: #da5ada;
+      }
     }
 
     /* Primary Global Menu Overrides */

_scss/_overrides.scss

@@ -148,9 +148,8 @@ img.with-border {
   border: 1px solid #eaeaea;
 }
 
-.cse input.gsc-search-button:focus,
-input.gsc-search-button:focus {
-  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
+input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
+  display: none!important;
 }
 
 .cse .gsc-search-button input.gsc-search-button-v2,

_scss/_utilities.scss

@@ -40,8 +40,7 @@ table>tbody>tr:nth-of-type(even) {
     background-color: #f7f7f7;
 }
 
-td,
-th {
+td {
     padding: 10px;
 }
 
@@ -56,6 +55,12 @@ thead {
     background: $table-head;
 }
 
+/* give tables some breathing room */
+.content table {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
 i.fa.fa-indent,
 i.fa.fa-outdent {
     color: $white;
@@ -147,10 +152,8 @@ input[type=text] {
  */
 
 div#autocompleteResults {
-    display: none;
-}
+    display: none; /* toggled through javascript */
 
-div#autocompleteResults {
     background: #E6F5FD;
     border: 1px solid #eee;
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.28);
@@ -217,33 +220,11 @@ div#autocompleteResults span {
   margin: 0;
 }
 
-/*
- * google-Results  *************************************************************
- */
-
-input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
-    display: none!important;
-}
-
-
-@media print
-{
-    .footer
-    {
-        display: none !important;
-    }
-    .col-toc
-    {
-      display: none !important;
-    }
-    .col-nav
-    {
-      display: none !important;
-    }
-    .glyphicon-tags
-    {
-      display: none !important;
-    }
+@media print {
+    .col-nav,
+    .col-toc,
+    .footer,
+    .glyphicon-tags,
     .ratings-div
     {
       display: none !important;
@@ -274,10 +255,3 @@ input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:
     opacity: .2;
     margin: 10px 15px 0 0;
 }
-
-/* Make table headings  bold, give tables some breathing room */
-
-.content table {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}