mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-02 14:24:19 +01:00
ea1d69c64b
This makes them keyboard-accessible. For mouse users, the only change here is that the focus outline will remain on the button once clicked (in future, this can be solved with :focus-ring, but for now this would require a polyfill). the tooltip is explicitly hidden on `mouseleave`, so even though the `<button>` retains focus after clicking, the tooltip won't stay visible once mouse user moves away. the mouse hover styles have explicitly not been make to also apply to :focus, so as to minimise the visual impact for mouse users (though the tooltip remains visible) - but due to the default outline and the custom tooltip, it should be fairly clear when keyboard users set focus to a copy button too. |
||
---|---|---|
.. | ||
_ads.scss | ||
_anchor.scss | ||
_booticon.scss | ||
_brand.scss | ||
_browser-bugs.scss | ||
_buttons.scss | ||
_callouts.scss | ||
_clipboard-js.scss | ||
_component-examples.scss | ||
_content.scss | ||
_examples.scss | ||
_featured-sites.scss | ||
_featurettes.scss | ||
_footer.scss | ||
_masthead.scss | ||
_nav.scss | ||
_page-header.scss | ||
_responsive-tests.scss | ||
_sidebar.scss | ||
_skiplink.scss | ||
_syntax.scss | ||
_team.scss | ||
docs.scss |