Merge pull request #616 from Financial-Times/ADSDEV-898_DAC_outline_b…

…uttons_contrast ADSDEV-898 DAC change outline buttons contrast
Financial-Times · Sep 24, 2021 · bd2aac4 · bd2aac4
2 parents 7a46bb8 + e07f876
commit bd2aac4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/x-privacy-manager/src/components/radio-btn.scss b/components/x-privacy-manager/src/components/radio-btn.scss
@@ -46,8 +46,7 @@ $transitionDuration: 0.1s;
 	// Since <input> itself is hidden, apply a familiar focus style to the visible <label>
 	// As adjacent siblings we can reflect the <input>'s focus state here
 	.input:focus + & {
-		outline: 2px solid #7aacfe;
-		outline: 5px auto -webkit-focus-ring-color;
+		outline: 2px solid oColorsByName('teal-100');
 		background-color: oColorsByName('teal-40');
 	}
 

diff --git a/components/x-privacy-manager/src/privacy-manager.scss b/components/x-privacy-manager/src/privacy-manager.scss
@@ -72,4 +72,8 @@
 	display: block;
 	margin: oSpacingByName(s8) auto 0;
 	padding: 0 oSpacingByName(m12);
+
+	&:focus-visible {
+		outline: 2px solid oColorsByName('teal-100');
+	}
 }