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

2016-04-01 16:02:19 -04:00 · 2016-04-01 16:02:19 -04:00 · 715852ba19
parent e41bb95bee
commit 715852ba19
2 changed files with 14 additions and 1 deletions
--- a/assets/_scss/_page.scss
+++ b/assets/_scss/_page.scss
@ -177,6 +177,19 @@
  margin-top: 2em;
  padding-top: 1em;
  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 {
--- a/assets/css/main.css
+++ b/assets/css/main.css