_form.scss in administrate-0.1.0

- old
+ new

@@ -1,33 +1,40 @@
-.form {
-  &-actions {
-    margin-left: 12em;
+.form-actions {
+  @include shift(2);
+}
+
+.form-field {
+  @include clearfix;
+  @include fill-parent;
+  align-items: baseline;
+  width: 100%;
+
+  label {
+    @include data-label;
+    @include span-columns(2 of 12);
+    padding: $form-input-padding 0;
+    text-align: right;
   }
 
-  &-heading {
-    font-size: 1.75em;
-    margin: 0;
-    padding-bottom: 0.5em;
+  #{$all-text-inputs},
+  select,
+  textarea,
+  .selectize-control {
+    background-color: $form-field-background-color;
+    margin-bottom: $base-spacing;
   }
 
-  &-field {
-    align-items: baseline;
-    display: flex;
-    justify-content: flex-start;
-    margin: 1.2em 0;
-    width: 100%;
+  input,
+  select,
+  .selectize-control {
+    @include span-columns(4 of 12);
+  }
 
-    label {
-      margin-right: 2em;
-      text-align: right;
-      width: 10em;
-    }
+  textarea {
+    @include span-columns(6 of 12);
+  }
 
-    input,
-    select,
-    .selectize-control {
-      background-color: $form-field-background-color;
-      max-width: 30em;
-      width: 30em;
-    }
+  [type="checkbox"],
+  [type="radio"] {
+    margin: $small-spacing 0 ($base-spacing + $form-input-padding);
   }
 }