style(some css fiddling):

Author: fabianmoronzirfas

_sass/_reference.scss

@@ -1,3 +1,6 @@
+$guidecolor: #9636FC;
+$dottedline: 1px dotted $guidecolor;
+$solidline: 1px solid $guidecolor;
 .index {
     column-width: 250px;
 }
@@ -25,22 +28,23 @@ h1#new-cat-index {
 
 .sub-category {
     column-width: 250px;
-    column-rule: 1px dotted #9636FC;
+    // column-rule: $dottedline;
     // column-gap: 1em;
-    /* border-bottom: 1px dotted #9636FC; */
+    /* border-bottom: $dottedline; */
 }
 
 #toc-categories {
     column-width: 250px;
     padding-bottom: 3em;
-    /* border-bottom: 1px dotted #9636FC; */
+    /* border-bottom: $dottedline; */
 }
 
-.heading-sub-category{
+.heading-sub-category {
     padding-bottom: 1em;
 }
+
 .heading-category {
-    border-top: 1px dotted #9636FC;
+    border-top: $dottedline;
 }
 
 .cat {
@@ -62,18 +66,20 @@ h1#new-cat-index {
 
 .box-drawings {
     font-weight: bold;
-    color: #9636FC;
+    color: $guidecolor;
 }
 
 
 /* .entry-heading{
      margin-top: 0;
     } */
-.ref-entry{
+
+.ref-entry {
     padding-bottom: 1em;
-    height:7.5em;
+    height: 7.5em;
     padding-left: 0.2em;
 }
+
 .summary,
 .ref-entry {
     break-inside: avoid;
@@ -84,9 +90,9 @@ h1#new-cat-index {
     // height: 4.5em;
     margin-top: 0.2em;
     font-size: 1.1em;
-    margin-bottom:0;
+    margin-bottom: 0;
     line-height: 1.25em;
-    code{
+    code {
         padding: 0;
         vertical-align: bottom;
         font-size: 0.9em;
@@ -95,17 +101,16 @@ h1#new-cat-index {
 
 #flex-search {
     display: flex;
- * {
-    margin-right: 0.5em;
- }
- button {
-    margin-right: 0 !important;
-    background-color: white;
-    background: white;
-    background-image: none;
-    border: 1px solid #9636FC;
-}
-
+    * {
+        margin-right: 0.5em;
+    }
+    button {
+        margin-right: 0 !important;
+        background-color: white;
+        background: white;
+        background-image: none;
+        border: $solidline;
+    }
 }
 
 .flex-search-item,
@@ -116,55 +121,54 @@ h1#new-cat-index {
 
 input.flex-search-item {
     flex-grow: 2;
-    border: 1px solid #9636FC;
+    border: $solidline;
 }
 
 button.flex-search-item {
     flex-grow: 1;
+    &:hover {
+        background: $guidecolor !important;
+        color: white;
+    }
+    &:active {
+        background: black !important;
+    }
 }
 
-button.flex-search-item:hover {
-    background: #9636FC !important;
-    color: white;
-}
-
-button.flex-search-item:active {
-    background: black !important;
-}
-
-#flex-search-results> .search-result-container > .ref-entry {
-    padding-top: 0.5em;
-    border-top: 1px dotted #9636FC;
-}
-
-#flex-search-results>.search-result-container>.ref-entry > p.summary {
-    min-height: 0;
-}
-
-.search-result-container {
-    padding-top: 1em;
+#flex-search-results {
+    .search-result-container {
+        padding-top: 1em;
+        .ref-entry {
+            padding-top: 0.5em;
+            border-top: $dottedline;
+            p.summary {
+                min-height: 0;
+            }
+        }
+    }
 }
 
-#advanced-search-hint{
-    input{
-        display:none;
+#advanced-search-hint {
+    input {
+        display: none;
     }
-    label{
+    label {
         font-style: italic;
-        border-bottom: 1px solid #9636FC;
+        border-bottom: $solidline;
         // text-decoration: underline;
-        &:hover{
+        &:hover {
             background-image: url("/assets/images/stripe_c40ccfac0db9e43c48e95a530d787366.png");
         }
     }
 }
-#advanced-search-hint input[type="checkbox"]:checked + div {
+
+#advanced-search-hint input[type="checkbox"]:checked+div {
     opacity: 0;
     max-height: 0;
     border: none;
-  }
+}
 
-#advanced-search-text{
+#advanced-search-text {
     max-height: 99em;
     height: auto;
     opacity: 1;

assets/css/styles.sass

@@ -120,6 +120,12 @@ body
 
 // //////////////// edits fabian moron zirfas
 
+p
+    code
+        padding: 0
+        // vertical-align: bottom
+        font-size: 0.9em
+
 .fhnw-logo
 
     a