fix(inputs.scss): fix field responsive

nostalgic-css · Dec 8, 2018 · 28d8839 · 28d8839
1 parent 66576f1
commit 28d8839
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
@@ -53,3 +53,18 @@
     }
   }
 }
+
+@media screen and (max-width: 768px) {
+  .field.is-inline {
+    display: block;
+
+    > label {
+      margin-bottom: 0.5rem; // reboot.css:label
+      text-align: left;
+    }
+
+    .input {
+      max-width: 100%;
+    }
+  }
+}