assets/stylesheets/bootstrap/mixins/_screen-reader.scss in bootstrap-4.0.0 vs assets/stylesheets/bootstrap/mixins/_screen-reader.scss in bootstrap-4.1.0

- old
+ new

@@ -1,19 +1,18 @@ // Only display content to screen readers // -// See: http://a11yproject.com/posts/how-to-hide-content/ +// See: https://a11yproject.com/posts/how-to-hide-content/ // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ @mixin sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; - clip-path: inset(50%); border: 0; } // Use in conjunction with .sr-only to only display content when it's focused. // @@ -28,8 +27,7 @@ width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; - clip-path: none; } }