Hidden button labels on small screens but allow screen readers to see them
This commit is contained in:
parent
e41bb95bee
commit
715852ba19
2 changed files with 14 additions and 1 deletions
|
@ -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
Loading…
Reference in a new issue