Skip to content

Commit

Permalink
Improve the is-hidden--text helper
Browse files Browse the repository at this point in the history
As per the incredibly helpful suggestion by Twitter user @overflowhidden,
I've added `white-space: nowrap;` to prevent words being smushed
together by a screen reader.

Useful article: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
  • Loading branch information
= committed May 18, 2017
1 parent d0775ae commit 0c16b08
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions front-end/scss/framework/core/_display.scss
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@
width: 1px !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}

%no-print {
Expand Down

1 comment on commit 0c16b08

@Andy-set-studio
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like I need to sort out my git config 🙃

Please sign in to comment.