app/assets/stylesheets/jobshop/breakpoints.scss in jobshop-0.0.113 vs app/assets/stylesheets/jobshop/breakpoints.scss in jobshop-0.0.127

@@ -21,10 +21,22 @@
   m-desktop:   1600px,
   l-desktop:   1920px
 );
 
 @mixin handset {
-  @media screen and (max-width: #{map-get($breakpoints, xl-handset-p)}) {
+  @media screen and (max-width: #{map-get($breakpoints, xl-handset-l)}) {
+    @content;
+  }
+}
+
+@mixin larger-than-handset-l {
+  @media screen and (min-width: #{map-get($breakpoints, xl-handset-l)}) {
+    @content;
+  }
+}
+
+@mixin larger-than-handset-p {
+  @media screen and (min-width: #{map-get($breakpoints, xl-handset-p)}) {
     @content;
   }
 }
 
 @mixin tablet-up {