Replaced old CSS references with new syntax, added Brands to fix AKDC…

… sidebar
MITLibraries · Dec 4, 2024 · cb924a2 · cb924a2
1 parent 9604292
commit cb924a2
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 17 deletions.
diff --git a/web/app/themes/mitlib-child/css/scss/interviewees.scss b/web/app/themes/mitlib-child/css/scss/interviewees.scss
@@ -45,9 +45,10 @@
 
 					&:before {
 						content: " ";
-						font-family: FontAwesome;
+						font-family: 'Font Awesome 6 Free';
 						color: #338bc5;
 						font-size: 12px;
+						font-weight: 600;
 						margin-left: -12px;
 					}
 				}

diff --git a/web/app/themes/mitlib-child/style.css b/web/app/themes/mitlib-child/style.css
@@ -120,7 +120,7 @@ b, strong {
 .childTheme .todayHours a:after,.childTheme .locationInfo a:after {
 	content:'\f061';
 	display:inline-block;
-	font-family:'fontawesome-MITLibraries';
+	font-family:'Font Awesome 6 Free';
 	margin-left:.5em;
 }
 
@@ -997,7 +997,7 @@ a.px14 {
 
 .upw-content .custom-field-event_date:before {
 	margin-right: 5px;
-	font-family:FontAwesome;
+	font-family:'Font Awesome 6 Free';
 	content:"\f073" !important;
 	color: #F58733;
 	font-size: 1em;
@@ -1145,7 +1145,7 @@ a.px14 {
 .exhibits-button:after {
 	content:'\f061';
 	display:inline-block;
-	font-family:'fontawesome';
+	font-family:'Font Awesome 6 Free';
 	margin-left:.5em;
 }
 
@@ -1189,7 +1189,7 @@ a.px14 {
 
 .button.button-music:before {
 	content: "\f028";
-	font-family: FontAwesome;
+	font-family: 'Font Awesome 6 Free';
 	font-weight: normal;
 	font-size: inherit;
 	margin-right: 10px;

diff --git a/web/app/themes/mitlib-parent/css/scss/_main.scss b/web/app/themes/mitlib-parent/css/scss/_main.scss
@@ -191,11 +191,12 @@ ul.arrows li:before,
 .single-location .tab ul.arrows li:before,
 .page-template-page-location-php .tab ul.arrows li:before
 {
-	font-family:FontAwesome;
+	font-family:'Font Awesome 6 Free';
 	content:"\f061";
 	color: #338bc5;
 	font-size: .75em;
 	margin-right: 7px;
+	font-weight: 600;
 }
 
 .locationContent ul li {

diff --git a/web/app/themes/mitlib-parent/css/scss/global.scss b/web/app/themes/mitlib-parent/css/scss/global.scss
@@ -4,5 +4,6 @@
 @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/fontawesome.css";
 @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/solid.css";
 @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/regular.css";
+@import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/brands.css";
 @import "partials/base";
 @import "libs/base";
diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss b/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss
@@ -19,7 +19,7 @@
 				flex-direction: column;
 			}
 			&:before {
-				font-family:FontAwesome;
+				font-family:'Font Awesome 6 Free';
 				content:"\f0da";
 				margin-right: 1em;
 				color: #338bc5;

diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss
@@ -111,8 +111,8 @@
 			color: $info-icon-color;
 			content: "\f129";
 
-			font-family: FontAwesome;
-			font-weight: normal;
+			font-family: 'Font Awesome 6 Free';
+			font-weight: 600;
 			font-size: 22px;
 			font-style: normal;
 			display: inline-block;

diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss b/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss
@@ -22,7 +22,8 @@
 			position:absolute;
 			top: 4px;
 			left: -15px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Free';
+			font-weight: 600;
 			content:"\f138";
 			color: #338bc5;
 			font-size: 11px;
@@ -40,7 +41,7 @@
 			position:absolute;
 			top: 1px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f099" !important;
 			color: #338bc5;
 			font-size: 14px;
@@ -49,7 +50,7 @@
 			position:absolute;
 			top: 2px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f082" !important;
 			color: #338bc5;
 			font-size: 14px;
@@ -58,7 +59,7 @@
 			position:absolute;
 			top: 3px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Free';
 			content:"\f003" !important;
 			color: #338bc5;
 			font-size: 14px;
@@ -67,7 +68,7 @@
 			position:absolute;
 			top: 3px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f16d" !important;
 			color: #338bc5;
 			font-size: 1em;
@@ -76,7 +77,7 @@
 			position:absolute;
 			top: 3px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f0d5" !important;
 			color: #338bc5;
 			font-size: 1em;
@@ -85,7 +86,7 @@
 			position:absolute;
 			top: 3px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f0d2" !important;
 			color: #338bc5;
 			font-size: 1em;
@@ -94,7 +95,7 @@
 			position:absolute;
 			top: 3px;
 			left: -20px;
-			font-family:FontAwesome;
+			font-family:'Font Awesome 6 Brands';
 			content:"\f16a" !important;
 			color: #338bc5;
 			font-size: 1em;