Ticket #52354: 52354.diff

src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss

@@ -18 +18 @@
 @mixin media( $res ) {
 
         @if mobile-only == $res {
-                @media only screen and (max-width: #{$breakpoint_sm - 1}) {
+                @media only screen and (max-width: #{$breakpoint_sm - 0.02}) {
                         @content;
                 }
         }
@@ -30 +30 @@
         }
 
         @if tablet-only == $res {
-                @media only screen and (max-width: #{$breakpoint_md - 1}) {
+                @media only screen and (max-width: #{$breakpoint_md - 0.02}) {
                         @content;
                 }
         }
@@ -42 +42 @@
         }
 
         @if laptop-only == $res {
-                @media only screen and (max-width: #{$breakpoint_lg - 1}) {
+                @media only screen and (max-width: #{$breakpoint_lg - 0.02}) {
                         @content;
                 }
         }
@@ -54 +54 @@
         }
 
         @if desktop-only == $res {
-                @media only screen and (max-width: #{$breakpoint_xl - 1}) {
+                @media only screen and (max-width: #{$breakpoint_xl - 0.02}) {
                         @content;
                 }
         }
@@ -66 +66 @@
         }
 
         @if wide-only == $res {
-                @media only screen and (max-width: #{$breakpoint_xxl - 1}) {
+                @media only screen and (max-width: #{$breakpoint_xxl - 0.02}) {
                         @content;
                 }
         }