From a2df9a69dcc14cb70118cda2ded499055e7ee358 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Sun, 21 Aug 2022 17:31:56 +0200
Subject: m. update

---
 app/fronters/style.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 app/fronters/style.css

(limited to 'app/fronters/style.css')

diff --git a/app/fronters/style.css b/app/fronters/style.css
new file mode 100644
index 0000000..135500a
--- /dev/null
+++ b/app/fronters/style.css
@@ -0,0 +1,63 @@
+.wiaf-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-gap: 10px;
+}
+
+.wiaf-grid.wiaf-grid-small {
+    grid-template-columns: repeat(6, 1fr) !important;
+}
+
+@media (max-width: 1399px) {
+
+}
+
+@media (max-width: 1199px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(4, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(5, 1fr) !important;
+    }
+}
+
+@media (max-width: 991px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(3, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(4, 1fr) !important;
+    }
+}
+
+@media (max-width: 767px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(3, 1fr) !important;
+    }
+}
+
+@media (max-width: 300px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(1, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
+}
+
+@media (max-width: 150px) {
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(1, 1fr) !important;
+    }
+}
+
+.wiaf-grid-item {
+    text-align: center;
+}
+
+.step-outer, .progress {
+    transition: opacity 200ms;
+}
\ No newline at end of file
-- 
cgit