Bump do-bulma for Inter (#245)

* Bump do-bulma

* Fix SCSS font includes

* Inject resolve-url-loader

* Also bump do-vue

src/nginxconfig/scss/_callout.scss

@@ -64,7 +64,7 @@ THE SOFTWARE.
     }
 
     p {
-      @include sailec-regular;
+      @include font-regular;
     }
 
     .button {
@@ -78,7 +78,7 @@ THE SOFTWARE.
   }
 
   p {
-    @include sailec-medium;
+    @include font-medium;
 
     font-size: 15px;
     margin: 0;

src/nginxconfig/scss/_fields.scss

@@ -56,7 +56,7 @@ THE SOFTWARE.
       }
 
       > p {
-        @include sailec-medium;
+        @include font-medium;
 
         color: $dark-grey;
         font-size: 14px;
@@ -111,7 +111,7 @@ THE SOFTWARE.
   }
 
   label {
-    @include sailec-medium;
+    @include font-medium;
 
     color: $dark-blue;
     font-size: 1rem;
@@ -206,7 +206,7 @@ THE SOFTWARE.
         }
 
         label {
-          @include sailec-medium;
+          @include font-medium;
 
           color: $dark-grey;
           font-size: 14px;

src/nginxconfig/scss/_header.scss

@@ -33,7 +33,7 @@ THE SOFTWARE.
 
   .container {
     h3 {
-      @include sailec-medium;
+      @include font-medium;
     }
 
     form {

vue.config.js

@@ -46,6 +46,19 @@ module.exports = {
         ].filter(x => !!x),
     },
     chainWebpack: config => {
+        // Inject resolve-url-loader into the SCSS loader rules (to allow relative fonts in do-bulma to work)
+        for (const rule of ['vue-modules', 'vue', 'normal-modules', 'normal']) {
+            config.module.rule('scss')
+                .oneOf(rule)
+                .use('resolve-url-loader')
+                .loader('resolve-url-loader')
+                .before('sass-loader')
+                .end()
+                .use('sass-loader')
+                .loader('sass-loader')
+                .tap(options => ({ ...options, sourceMap: true }));
+        }
+
         // Use a custom HTML template
         config.plugin('html').tap(options => {
             options[0].template = path.join(__dirname, 'build', 'index.html');