]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
v5/docs: reintroduce `outline` for docs code samples, buttons when `:not(:focus-visib...
authorPatrick H. Lauke <redux@splintered.co.uk>
Thu, 1 Sep 2022 01:30:23 +0000 (02:30 +0100)
committerGitHub <noreply@github.com>
Thu, 1 Sep 2022 01:30:23 +0000 (18:30 -0700)
commitcda901f2444d6b09cfa3261c84ef98288e3b9834
treebd4fd58e7d3c5776e1c9ab5d59570317a37396d0
parent87aaf9499620c9a7b592711a6e8d86e9a30467b6
v5/docs: reintroduce `outline` for docs code samples, buttons when `:not(:focus-visible)` (#36507)

* Remove outline suppression for focused `<pre>`

Sighted keyboard users rely on knowing where their focus is. If the `<pre>` receives focus (so that it can be scrolled by keyboard users, for instance) then it's essential that they know this is the case

* Only suppress outline for buttons when `:not(:focus-visible)`

* Add right-hand margin to pre

avoids having the focus outline awkwardly clipped by the copy button
scss/_buttons.scss
site/assets/scss/_component-examples.scss