form required icon fixed

css/sass/components/_diy.scss

@@ -91,7 +91,7 @@ $diy-header-height: initial;
   //margin: 0;
   //}
   .item-list a {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: $button-font-family;
     text-decoration: none;
   }
   .field-content {

css/sass/components/_form.scss

@@ -84,7 +84,7 @@ label.option {
   content: '';
   vertical-align: super;
   /* Use a background image to prevent screen readers from announcing the text. */
-  background-image: url(../../images/icons/required.svg);
+  background-image: url(../../../images/icons/required.svg);
   background-repeat: no-repeat;
   background-size: 6px 6px;
 }

css/sass/components/_megamenu.scss

@@ -21,7 +21,7 @@ nav#tbm-menu-center-navigation {
   justify-content: center;
   flex-flow: column;
   color: #fefefe;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: $button-font-family;
   font-size: 0.8em;
   padding: 0.5rem;
   text-decoration: none;
@@ -176,7 +176,7 @@ a.green-button {
   display: inline-block;
   vertical-align: middle;
   margin: 0 0 1rem 0;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: $button-font-family;
   padding: 0.85em 1em;
   -webkit-appearance: none;
   border: 1px solid transparent;

css/sass/components/_search-results.scss

@@ -127,7 +127,7 @@ li.facet-item a {
     background: darken($white, 10%);
   }
   .roblib-solr-teaser {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: $button-font-family;
     text-overflow: ellipsis;
     min-width: 0;
   }
@@ -144,7 +144,7 @@ li.facet-item a {
     display: inline-block;
     vertical-align: middle;
     margin: 0 0 1rem 0;
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: $button-font-family;
     padding: 0.85em 1em;
     -webkit-appearance: none;
     border: 1px solid transparent;
@@ -165,7 +165,7 @@ li.facet-item a {
     margin: 0;
     border-radius: 0;
     text-transform: uppercase;
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: $button-font-family;
     padding: 8px;
   }
 }

css/sass/components/_tabs.scss

@@ -22,7 +22,7 @@ ul.tabs {
 .tabs a {
   display: block;
   padding: 0.2em 1em;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: $button-font-family;
   text-decoration: none;
 }
 .tabs a.is-active {

css/sass/components/_user.scss

@@ -83,7 +83,7 @@
 }
 .field--name-field-subjects h2 a {
   font-size: 1rem;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: $button-font-family;
 }
 .field--name-field-subjects .field__label {
   background: #333;
@@ -94,7 +94,7 @@
   border-bottom: 4px solid #517e1b;
 }
 .field--name-field-job-title {
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: $button-font-family;
   color: #517e1b;
   font-size: 1.77687rem;
 }
@@ -123,7 +123,7 @@
   }
   .field__label {
     width: 200px;
-    font-family: "Roboto Condensed", sans-serif;
+    font-family: $button-font-family;
   }
   .field--name-body {
   margin-top: $global-margin;}

gulpfile.js

@@ -1,7 +1,7 @@
 //@format
 const yaml = require('js-yaml');
 const fs = require('fs');
-const { SITE, PORT, BSREWRITE, PATHS } = loadConfig();
+const {SITE, PORT, BSREWRITE, PATHS} = loadConfig();
 //var server = require('browser-sync').create();
 //global.server = server;
 const gulp = require('gulp');
@@ -37,13 +37,13 @@ function bsInit__remote(done) {
     rewriteRules: [
       {
         match: BSREWRITE.Css.Match,
-        replace: BSREWRITE.Css.Replace
+        replace: BSREWRITE.Css.Replace,
       },
       {
         match: BSREWRITE.Js.Match,
-        replace: BSREWRITE.Js.Replace
+        replace: BSREWRITE.Js.Replace,
-      }
+      },
-    ]
+    ],
   });
   done();
 }
@@ -62,23 +62,25 @@ function drush() {
 // Compile CSS
 function styles() {
   'use strict';
-  return gulp
+  return (
-    //.src(PATHS.Scss.Dir + '/**/*.scss')
+    gulp
-    .src('./css/sass/**/*.scss')
+      //.src(PATHS.Scss.Dir + '/**/*.scss')
-    .pipe(plumber())
+      .src('./css/sass/**/*.scss')
-    .pipe(sourcemaps.init())
+      .pipe(plumber())
-    .pipe(
+      .pipe(sourcemaps.init())
-      sass
+      .pipe(
-        .sync({
+        sass
-          includePaths: PATHS.Scss.Libraries
+          .sync({
-        })
+            includePaths: PATHS.Scss.Libraries,
-        .on('error', sass.logError)
+          })
-    )
+          .on('error', sass.logError),
-    //.pipe(cleanCSS())
+      )
-    .pipe(sourcemaps.write('.'))
+      .pipe(cleanCSS())
-    //.pipe(gulp.dest(PATHS.Css.Dir))
+      .pipe(sourcemaps.write('.'))
-    .pipe(gulp.dest('./css'))
+      //.pipe(gulp.dest(PATHS.Css.Dir))
-    .pipe(browsersync.stream());
+      .pipe(gulp.dest('./css'))
+      .pipe(browsersync.stream())
+  );
 }
 
 // Watch Files
@@ -93,11 +95,11 @@ function watchFiles() {
 const build = gulp.parallel(styles);
 const watch_remote = gulp.series(
   styles,
-  gulp.parallel(watchFiles, bsInit__remote)
+  gulp.parallel(watchFiles, bsInit__remote),
 );
 const watch_local = gulp.series(
   styles,
-  gulp.parallel(watchFiles, bsInit__local)
+  gulp.parallel(watchFiles, bsInit__local),
 );
 
 // Export tasks