override twitter bootstrap's a:focus outline treatment

[masterbee]

• Tweaked and corrected the CSS outline override from Twitter bootstrap to ensure outline is visible
• Retained the thin dotted as per recommendation from a11yproject to normalize across Webkit browsers as well [http://a11yproject.com/posts/never-remove-css-outlines/]

[pjackson28]

Looks good. Will you be submitting a PR or an issue upstream as well?

[masterbee]

@pjackson28 - Yep and thanks.

[pjackson28]

@masterbee Unfortunately this fix doesn't work in Firefox. It seems that Firefox ignores setting the outline to "invert" (supposedly dropped support back in version 3 - https://bugzilla.mozilla.org/show_bug.cgi?id=359497). Possibly the only way to fix this is to prevent Bootstrap from setting the outline-color in the first place.

[masterbee]

@pjackson28 - They want to still keep the Webkit treatment that is in there ( Webkit's glow which is default for the browser ) but will be dropping the colour as per my PR twbs/bootstrap#11551.

[pjackson28]

@masterbee Looks good, thanks!