From 1aebea8ba37951a0818480e12597decd2b5baae6 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 30 Jun 2023 22:53:37 -0700
Subject: [PATCH] Add small-tablet breakpoint

---
 styles/mixins.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/styles/mixins.scss b/styles/mixins.scss
index 51bc5802..2c95d694 100644
--- a/styles/mixins.scss
+++ b/styles/mixins.scss
@@ -1,7 +1,10 @@
 // use with @include
 @mixin breakpoint($breakpoint) {
   $phone-width: 450px;
-  $phone-height: 920px;
+  $phone-height: 1280px;
+
+  $small-tablet-width: 750px;
+  $small-tablet-height: 1024px;
 
   $tablet-width: 1024px;
   $tablet-height: 1024px;
@@ -16,6 +19,16 @@
       }
   }
 
+  @if $breakpoint == small-tablet {
+    // prettier-ignore
+    @media only screen 
+      and (max-width: $small-tablet-width)
+      and (max-height: $small-tablet-height)
+      and (-webkit-min-device-pixel-ratio: 2) {
+        @content;
+      }
+  }
+
   @if $breakpoint == phone {
     // prettier-ignore
     @media only screen