ADD Styling that also changes the hsh course list seach icon based on moodle backend setting

scss/post.scss

@@ -5,9 +5,9 @@ You can add your SCSS code here if you really need to. */
 // Create variables to override the default value for variables used in the Moodle and Bootstrap SCSS files.
 
 /*************************** Import section  *****************************/
-@import "fontawesome";
-@import "bootstrap";
-@import "moodle";
+// @import "fontawesome";
+// @import "bootstrap";
+// @import "moodle";
 
 /*************************** Colors ****************************/
 
@@ -164,7 +164,7 @@ input[type="checkbox"] {
   }
 }
 
-
+// Theme specific changes for this plugin https://lab.it.hs-hannover.de/elc/moodle-block_hshcourselist
 #hshcourselistul {
   li.list-group-item {
     &.active,
@@ -178,10 +178,6 @@ input[type="checkbox"] {
       }
     }
 
-    &:hover {
-      background-color: $dropdown-link-hover-bg;
-    }
-
     &[data-key^="localboostnavigationcustombottomusers"],
     &[data-key^="localboostnavigationcustombottomadmins"] {
       margin-top: 0;
@@ -189,6 +185,18 @@ input[type="checkbox"] {
   }
 }
 
+// Theme Blockicon settings needs to be enabled
+@if variable-exists(blockicon) {
+  @if $blockicon == 'yes' { 
+    .block_hshcourselist {
+      h5::before {
+        content: "\f002" !important;
+      }
+    }
+  }
+}
+// courselist changes end
+
 .semesternode {
   padding-left: 0px !important;
 }
@@ -222,22 +230,12 @@ input[type="checkbox"] {
   }
 }
 
-.block_hshcourselist {
-  h5::before {
-    content: "\f002" !important;
-
-  }
-}
-
 a[data-action="hide-course"] {
   display: none !important;
 }
 
-.block_course_overview_campus {
-  h5::before {
-    content: "\f2bb" !important;
-
-  }
+.site-name {
+  display: none !important;
  }
 
 footer#page-footer {
@@ -328,6 +326,7 @@ footer#page-footer {
   }
 }
 
+// Global changes
 .m-l-3,
 .m-x-3 {
   margin-left: 0 !important;