List icon configurable (#152)

List icon made configurable by introducing ul-li-icon CSS variable

assets/css/variables.scss

@@ -41,4 +41,8 @@
     /* === Footer === */
     --footer-color-background: #22343a;
     --footer-color: #bbc7cc;
-}
+
+    /* === Lists === */
+    /* define list element for unnumbered lists, leave empty for default list element */
+    --ul-li-icon: fa-asterisk;
+}

assets/js/index.js

@@ -88,8 +88,11 @@ var $sitehead = $("#site-head");
       });
     }
 
-    $('ul').addClass("fa-ul");
-    $("ul li").prepend('<span class="fa-li"><i class="fa fa-asterisk"></i></span>');
+    var ulLiIcon = getComputedStyle(document.documentElement).getPropertyValue('--ul-li-icon');
+    if (ulLiIcon.length > 0) {
+      $('ul').addClass("fa-ul");
+      $("ul li").prepend('<span class="fa-li"><i class="fa ' + ulLiIcon + '"></i></span>');
+    }
     $("blockquote p").prepend('<span class="quo fa fa-quote-left"></span>');
     $("blockquote p").append('<span class="quo fa fa-quote-right"></span>');
   });

exampleSite/layouts/partials/custom_head.html

@@ -14,11 +14,15 @@
     --section-light-bg-color: #ffdb8c!important;
     --section-dark-bg-color: #035e00!important;
     */
+
+     /* define list element for unnumbered lists, leave empty for default list element */
+     /* fa-asterisk is the default icon if this variable definition is missing completely */
+     --ul-li-icon: fa-dashcube;     /* this sets fa-dashcube as list icon */
+     --ul-li-icon: ;                /* this sets the default html list icon */
 }
 </style>
 -->
 
-
 <!-- Custom CSS via "custom.css"-file
      If you would rather place your custom CSS into
      a separate file, create a "custom.css" in your