Fix for dark background noise on mobile

kyleconrad · Sep 19, 2024 · 4444527 · 4444527
1 parent fb29f17
commit 4444527
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 18 deletions.
diff --git a/public/images/bkg/bkg--navigation--safari.webp b/public/images/bkg/bkg--navigation--safari.webp
diff --git a/src/styles/_base/_main.scss b/src/styles/_base/_main.scss
@@ -190,37 +190,25 @@ main {
 		normal;
 }
 
-.safari .bkg--media {
+.bkg--navigation {
 	background:
 		url( '/images/noise--25.png' ) repeat left top / 200px 200px,
+		url( '/images/bkg/bkg--navigation.svg' ) no-repeat left top / 100% 100%,
 		var( --copy );
 	background-blend-mode:
 		lighten,
+		normal,
 		normal;
-
-
-
-	@include breakpoint( mobile ) {
-		background: var( --copy );
-	}
 }
 
-
-.bkg--navigation {
+.safari .bkg--media,
+.safari .bkg--navigation {
 	background:
-		url( '/images/noise--25.png' ) repeat left top / 200px 200px,
-		url( '/images/bkg/bkg--navigation.svg' ) no-repeat left top / 100% 100%,
+		url( '/images/bkg/bkg--navigation--safari.webp' ) repeat left top / 200px 200px,
 		var( --copy );
 	background-blend-mode:
-		lighten,
 		normal,
 		normal;
-
-
-
-	@include breakpoint( mobile ) {
-		background: var( --copy );
-	}
 }