Update all CSS Pseudo-element rules - FA6.x compatibile

unb-libraries · Nov 14, 2023 · b325706 · b325706
1 parent a741234
commit b325706
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 19 deletions.
diff --git a/custom/modules/newspapers_core/css/newspapers_core.tab_search.css b/custom/modules/newspapers_core/css/newspapers_core.tab_search.css
@@ -29,8 +29,11 @@ form .nav-tabs > li > a {
 }
 .nav-tabs a:before {
   display: inline-block;
-  font-family: "Font Awesome 5 Free";
-  font-weight: 700;
+  font: var(--fa-font-solid);
+  margin-bottom: 2px;
+  margin-right: .25rem;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
   font-size: small;
   opacity: .8;
   padding-right: 4px;

diff --git a/custom/themes/newspapers_lib_unb_ca/src/scss/_breadcrumb.scss b/custom/themes/newspapers_lib_unb_ca/src/scss/_breadcrumb.scss
@@ -14,13 +14,14 @@ ol.breadcrumb {
     width: 1rem;
 
     &:after {
-      font-family: "Font Awesome 5 Free";
       content: "\f015";
-      font-size: 0.85rem;
-      font-weight: 900;
+      font: var(--fa-font-solid);
+      font-size: 80%;
+      text-rendering: auto;
+      -webkit-font-smoothing: antialiased;
       position: absolute;
       right: -9999px;
-      top: 0;
+      top: .25rem;
     }
   }
 

diff --git a/custom/themes/newspapers_lib_unb_ca/src/scss/_facets.scss b/custom/themes/newspapers_lib_unb_ca/src/scss/_facets.scss
@@ -72,11 +72,14 @@
 }
 
 ul.js-facets-checkbox-links + a::before {
-  font-family: "Font Awesome 5 Free";
   content: "\f067";
   display: inline-block;
+  font: var(--fa-font-solid);
+  margin-bottom: 2px;
+  margin-right: .5rem;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
   font-size: 11px;
-  font-weight: 900;
   margin: 0 .25rem;
   vertical-align: baseline;
 }

diff --git a/custom/themes/newspapers_lib_unb_ca/src/scss/_table.scss b/custom/themes/newspapers_lib_unb_ca/src/scss/_table.scss
@@ -20,10 +20,12 @@
         &::before {
           content: "\f0dc";
           display: inline-block;
-          font-family: 'Font Awesome 5 Free';
-          font-weight: 900;
-          margin-right: 0.3em;
-          white-space: nowrap;
+          font: var(--fa-font-solid);
+          font-size: 80%;
+          margin-bottom: 2px;
+          margin-right: .5rem;
+          text-rendering: auto;
+          -webkit-font-smoothing: antialiased;
         }
       }
     }

diff --git a/custom/themes/newspapers_lib_unb_ca/src/scss/style.scss b/custom/themes/newspapers_lib_unb_ca/src/scss/style.scss
@@ -307,8 +307,13 @@ a.btn-add:active {
       &::before {
         color: $checkmark;
         content: "\f061";
-        float: left;
-        font-family: 'Font Awesome 5 Free';
+        display: inline-block;
+        font: var(--fa-font-solid);
+        font-size: 90%;
+        margin-left: -1.25rem;
+        margin-right: .5rem;
+        text-rendering: auto;
+        -webkit-font-smoothing: antialiased;
         margin-left: -1.25rem;
       }
     }
@@ -514,13 +519,14 @@ a.back-link {
 }
 a.back-results::before,
 a.back-link::before {
-  font-family: "Font Awesome 5 Free";
   content: "\f100";
   display: inline-block;
+  font: var(--fa-font-solid);
   font-size: 88%;
-  font-weight: 900;
   margin-right: 0.2em;
   opacity: 0.65;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
 }
 
 /* Holdings */
@@ -593,11 +599,11 @@ a.back-link::before {
       font-size: .85rem;
 
       &:before {
-        font-family: "Font Awesome 5 Free";
+        font: var(--fa-font-solid);
         font-size: smaller;
         display: inline-block;
-        font-weight: 900;
-        margin: 0 .25rem;
+        text-rendering: auto;
+        -webkit-font-smoothing: antialiased;
         vertical-align: baseline;
       }