Removed media query disabling styles at lower screen sizes (#224)

Blazored · Jun 26, 2023 · 240acae · 240acae
1 parent 6975650
commit 240acae
Showing 1 changed file with 27 additions and 42 deletions.
diff --git a/src/Blazored.Toast/BlazoredToasts.razor.css b/src/Blazored.Toast/BlazoredToasts.razor.css
@@ -5,54 +5,39 @@
     z-index: 999;
 }
 
-.position-topleft,
-.position-topright,
-.position-topcenter {
-    top: 0;
+.position-topleft {
+    top: 2rem;
+    left: 2rem;
 }
 
-.position-bottomleft,
-.position-bottomright,
-.position-bottomcenter {
-    bottom: 0;
+.position-topright {
+    top: 2rem;
+    right: 2rem;
 }
 
-@media (min-width: 576px) {
-
-    .position-topleft {
-        top: 2rem;
-        left: 2rem;
-    }
-
-    .position-topright {
-        top: 2rem;
-        right: 2rem;
-    }
-
-    .position-topcenter {
-        top: 2rem;
-        left: 50%;
-        transform: translate(-50%, 0%);
-    }
+.position-topcenter {
+    top: 2rem;
+    left: 50%;
+    transform: translate(-50%, 0%);
+}
 
-    .position-bottomleft {
-        bottom: 2rem;
-        left: 2rem;
-    }
+.position-bottomleft {
+    bottom: 2rem;
+    left: 2rem;
+}
 
-    .position-bottomright {
-        bottom: 2rem;
-        right: 2rem;
-    }
+.position-bottomright {
+    bottom: 2rem;
+    right: 2rem;
+}
 
-    .position-bottomcenter {
-        bottom: 2rem;
-        left: 50%;
-        transform: translate(-50%, 0%);
-    }
+.position-bottomcenter {
+    bottom: 2rem;
+    left: 50%;
+    transform: translate(-50%, 0%);
+}
 
-    .blazored-toast {
-        width: 30rem;
-        border-radius: .25rem;
-    }
+.blazored-toast {
+    width: 30rem;
+    border-radius: .25rem;
 }