From 90be60c9b0137da73ec949c9c86451597f91372d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 11 May 2020 10:21:00 -0400
Subject: [PATCH] don't use focus mixin on mobile

---
 ui/scss/component/_button.scss | 6 ++++--
 ui/scss/component/_header.scss | 6 ++++--
 ui/scss/component/section.scss | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss
index a008320c8..0c21d0499 100644
--- a/ui/scss/component/_button.scss
+++ b/ui/scss/component/_button.scss
@@ -5,8 +5,10 @@
     font-size: var(--font-small);
   }
 
-  &:focus {
-    @include focus;
+  @media (min-width: $breakpoint-small) {
+    &:focus {
+      @include focus;
+    }
   }
 }
 
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 5dc8ba006..d47c07daa 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -123,8 +123,10 @@
     background-color: var(--color-primary-alt);
   }
 
-  &:focus {
-    @include focus;
+  @media (min-width: $breakpoint-small) {
+    &:focus {
+      @include focus;
+    }
   }
 
   span {
diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss
index 815166f41..772523c49 100644
--- a/ui/scss/component/section.scss
+++ b/ui/scss/component/section.scss
@@ -115,8 +115,10 @@
 
   .button--primary,
   .button ~ .button--link {
-    &:focus {
-      @include focus;
+    @media (min-width: $breakpoint-small) {
+      &:focus {
+        @include focus;
+      }
     }
   }