Fix BS5 typography issues (#1698)

Added the Open Sans typeface as set it as the default sans-serif
typeface for the BS5 theme.
Also added the following style changes:
- Left border and padding for blockquote tags.
- Background color for code and pre tags.
- Padding for code and pre tags.
- Whitespace wrapping for code tags.
- Set the default font-weight for bold text to 700

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@accessible360/accessible-slick": "^1.0.1",
+    "@fontsource/open-sans": "^5.0.17",
     "@fortawesome/fontawesome-free": "^6.4.0",
     "@uppy/core": "^2.0.3",
     "@uppy/dashboard": "^2.0.3",

plugins/arDominionB5Plugin/scss/_typography.scss

@@ -0,0 +1,27 @@
+@import "@fontsource/open-sans/scss/mixins";
+
+// Add font-face declarations for all Open Sans weights and styles
+@include faces($subsets: all, $weights: all, $styles: all);
+
+:root {
+  --bs-font-sans-serif: "Open Sans", sans-serif;
+}
+
+blockquote {
+  border-left: 5px solid $gray-400;
+  padding-left: $spacer;
+}
+
+code {
+  background-color: $gray-200;
+  white-space: pre-wrap;
+  padding: $spacer * 0.25;
+}
+
+pre {
+  background-color: $gray-200;
+  padding: $spacer * 0.5;
+  code {
+    padding: 0;
+  }
+}

plugins/arDominionB5Plugin/scss/_variables.scss

@@ -41,9 +41,9 @@ $spacer: 1rem !default;
 $dropdown-min-width: $spacer * 15 !default;
 $tooltip-bg: $gray-900 !default;
 $tooltip-opacity: 1 !default;
-$font-weight-bold: 500 !default;
-$font-weight-bolder: 500 !default;
-$table-th-font-weight: 500 !default;
+$font-weight-bold: 700 !default;
+$font-weight-bolder: 700 !default;
+$table-th-font-weight: 700 !default;
 $headings-font-weight: 400 !default;
 $headings-margin-bottom: $spacer !default;
 $h1-font-size: $spacer * 2 !default;

plugins/arDominionB5Plugin/scss/main.scss

@@ -59,6 +59,7 @@
 @import "../../../plugins/sfTranslatePlugin/css/l10n_client";
 
 // Custom
+@import "typography";
 @import "layout";
 @import "buttonsandlinks";
 @import "forms";