Hidden button labels on small screens but allow screen readers to see them

This commit is contained in:
Michael Rose 2016-04-01 16:02:19 -04:00
parent e41bb95bee
commit 715852ba19
2 changed files with 14 additions and 1 deletions

View file

@ -177,6 +177,19 @@
margin-top: 2em; margin-top: 2em;
padding-top: 1em; padding-top: 1em;
border-top: 1px solid $border-color; border-top: 1px solid $border-color;
@include breakpoint(max-width $small) {
.btn span {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}
} }
.page__share-title { .page__share-title {

File diff suppressed because one or more lines are too long