Switch to clip-path and protect against layout issues
Some checks failed
BrowserStack / browserstack (push) Has been cancelled

This commit is contained in:
Gaël Poupard 2025-10-22 15:59:36 +02:00
parent 78bff072e0
commit cdc89a0698
No known key found for this signature in database
2 changed files with 4 additions and 2 deletions

View File

@ -22,7 +22,7 @@
},
{
"path": "./dist/css/bootstrap-utilities.min.css",
"maxSize": "10.75 kB"
"maxSize": "11 kB"
},
{
"path": "./dist/css/bootstrap.css",

View File

@ -7,12 +7,14 @@
@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)
flex: none !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
contain: strict !important;
white-space: nowrap !important;
border: 0 !important;