Don’t show an outline around mission patch images

paulrobertlloyd · paulrobertlloyd · commit 2380c2b1eabd · 2025-04-14T10:43:06.000+01:00
diff --git a/app/styles/application.scss b/app/styles/application.scss
@@ -57,6 +57,16 @@ $govuk-font-family: Frutiger W01, arial, sans-serif;
     }
   }
 
+  // Improve display of mission patch images inside figures
+  figure:has(img[src$="mission-patch.png"]) {
+    background-color: transparent;
+    border: 0;
+
+    img {
+      outline: 0 none;
+    }
+  }
+
   video {
     max-width: 100%;
   }

Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,16 @@ $govuk-font-family: Frutiger W01, arial, sans-serif;`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`
	`60`	`+ // Improve display of mission patch images inside figures`
	`61`	`+ figure:has(img[src$="mission-patch.png"]) {`
	`62`	`+ background-color: transparent;`
	`63`	`+ border: 0;`
	`64`	`+`
	`65`	`+ img {`
	`66`	`+ outline: 0 none;`
	`67`	`+ }`
	`68`	`+ }`
	`69`	`+`
`60`	`70`	`video {`
`61`	`71`	`max-width: 100%;`
`62`	`72`	`}`