Remove the rest of screen-ands

mdn · May 23, 2024 · a65fe62 · a65fe62
1 parent 4e8db27
commit a65fe62
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -881,7 +881,7 @@ kbd {
       );
     }
 
-    @media screen and not (min-height: $screen-height-place-limit) {
+    @media not (min-height: $screen-height-place-limit) {
       overflow: auto;
     }
   }

diff --git a/client/src/document/interactive-examples.scss b/client/src/document/interactive-examples.scss
@@ -54,8 +54,7 @@
 // wide in the mobile layout to the time it switches
 // to two columns. Then, from the time the iframe
 // is 590px wide in the two-column layout on up.
-@media (min-width: 688px) and (max-width: $screen-md - 1),
-  screen and (min-width: 1008px) {
+@media (min-width: 688px) and (max-width: $screen-md - 1), (min-width: 1008px) {
   .interactive {
     height: 375px;
 

diff --git a/client/src/document/organisms/sidebar/index.scss b/client/src/document/organisms/sidebar/index.scss
@@ -255,8 +255,7 @@
   @media (min-width: $screen-md) {
     display: flex;
   }
-  @media (min-width: $screen-lg),
-    screen and (min-height: $screen-height-place-limit) {
+  @media (min-width: $screen-lg), (min-height: $screen-height-place-limit) {
     display: block;
     overflow: auto;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -881,7 +881,7 @@ kbd { @@
           );
         }
-        @media screen and not (min-height: $screen-height-place-limit) {
+        @media not (min-height: $screen-height-place-limit) {
           overflow: auto;
         }
       }
@@ Expand Down @@