mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 08:34:08 +02:00
Code Issues Releases Wiki Activity

Tweak .visually-hidden to use display:inline-block instead of absolute positioning

Browse Source
This commit is contained in:
Patrick H. Lauke
2025-05-18 11:14:51 +01:00
parent 0a005b3604
commit 40b3f46227
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/mixins/_visually-hidden.scss
View File

@@ -6,6 +6,7 @@
// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
@mixin visually-hidden() {
display: inline-block !important; // using this rather than position:absolute to allow for width/height/clip to work without causing undue spacing (e.g. in responsive tables)
width: 1px !important;
height: 1px !important;
padding: 0 !important;
@@ -15,11 +16,6 @@
white-space: nowrap !important;
border: 0 !important;
// Fix for positioned table caption that could become anonymous cells
&:not(caption) {
position: absolute !important;
}
// Fix to prevent overflowing children to become focusable
* {
overflow: hidden !important;