Fix: Add custom focus outline for <summary> element

styleguidist · Aug 31, 2018 · 0e25dc6 · 0e25dc6
1 parent 11f7fcf
commit 0e25dc6
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/rsg-components/Markdown/Details/DetailsSummaryRenderer.js b/src/rsg-components/Markdown/Details/DetailsSummaryRenderer.js
@@ -9,6 +9,11 @@ const styles = ({ space, color, fontSize, fontFamily }) => ({
 		fontSize: fontSize.base,
 		color: color.base,
 		cursor: 'pointer',
+		'&:focus': {
+			isolate: false,
+			outline: [[1, 'dotted', color.linkHover]],
+			outlineOffset: 2,
+		},
 	},
 });