fix css container query

zumerlab · Oct 20, 2023 · 7e7bb97 · 7e7bb97
1 parent 44c4337
commit 7e7bb97
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/layouts/_media-queries.scss b/src/layouts/_media-queries.scss
@@ -1,21 +1,22 @@
 
+
+.o-container-query-enabled {
+    container-type: inline-size;
+  }
+//@container (min-width: 481px) and (max-width: 767px) { 
 /* Media Query for Mobile Devices */ 
 @media (max-width: 480px) { 
     .o-container { 
         --o-radius: 50px; 
     } 
 } 
-.resize {
-    container-type: inline-size;
-  }
-@container (min-width: 481px) and (max-width: 767px) { 
 /* Media Query for low resolution Tablets, Ipads */ 
 @media (min-width: 481px) and (max-width: 767px) { 
     .o-container { 
         --o-radius: 60px; 
     } 
 } 
-}
+//}
 
 /* Media Query for Tablets Ipads portrait mode */ 
 @media (min-width: 768px) and (max-width: 1024px){ 
@@ -58,7 +59,11 @@
 } 
 
 /* Media Query for Tablets Ipads portrait mode */ 
-
+@container (min-width: 768px) and (max-width: 1024px){ 
+    .o-container { 
+        --o-radius: 70px; 
+    } 
+} 
 
 /* Media Query for Laptops and Desktops */ 
 @container (min-width: 1025px) and (max-width: 1280px){