​Have you guys seen how The Bootstrap does this?

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto

;​



On Mon, May 12, 2014 at 10:06 PM, David A. Kennedy <notifications@github.com
> wrote:

> In style.css:
>
> > @@ -451,6 +451,8 @@ a:active {
> >  .screen-reader-text {
> >  	clip: rect(1px, 1px, 1px, 1px);
> >  	position: absolute !important;
> > +	height: 1px; width: 1px;
>
> I think @philiparthurmoore <https://github.com/philiparthurmoore> was
> referring to this. These should be on their own line. Like:
>
> height: 1px;width: 1px;
>
> —
> Reply to this email directly or view it on GitHub<https://github.com/Automattic/_s/pull/484/files#r12565197>
> .
>