Moved the collapsing styling to style.scss

Author: marcusoftnet

_sass/_darcula.scss

@@ -10,9 +10,9 @@ code {
     color: #d8d8d8;
 }
 
-.highlighter-rouge { 
-    background-color: #FAFAFA; 
-    color: #FF554A; 
+.highlighter-rouge {
+  background-color: #FAFAFA;
+  color: #FF554A;
     font-size: 16px;
 }
 

_sass/_highlights.scss

@@ -84,23 +84,3 @@ code {
 .highlight .vg { color: #268BD2 } /* Name.Variable.Global */
 .highlight .vi { color: #268BD2 } /* Name.Variable.Instance */
 .highlight .il { color: #2AA198 } /* Literal.Number.Integer.Long */
-
-
-// Collapsable code blocks
-.collapsible-code summary {
-  cursor: pointer;
-  font-weight: bold;
-  margin-bottom: 5px;
-  background: #222;
-  color: #fff;
-  padding: 4px 8px;
-  border-radius: 4px;
-}
-
-.collapsible-code[open] summary {
-  background: #444;
-}
-
-.collapsible-code pre {
-  margin-top: 0;
-}

assets/style.scss

@@ -1201,6 +1201,24 @@ Modules - reusable parts of our design
   }
 }
 
+// Collapsable code blocks
+.collapsible-code summary {
+  cursor: pointer;
+  font-weight: bold;
+  margin-bottom: 5px;
+  background: #222;
+  color: #fff;
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+
+.collapsible-code[open] summary {
+  background: #444;
+}
+
+.collapsible-code pre {
+  margin-top: 0;
+}
 
 // Settled on moving the import of syntax highlighting to the bottom of the CSS
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start