app/assets/stylesheets/formagic/form.scss in formagic-0.1.0 vs app/assets/stylesheets/formagic/form.scss in formagic-0.2.5

@@ -1,36 +1,41 @@
 // form ::: generic components
 
 .form {
 
-  // label
+  // General
 
-  label { display: block; }
-
-  // general
-
   .input-stacked {
     @include position(relative); padding: .5em 1em .9em;
     @include bottom-border($neutralColor); &:last-child { @include no-bottom-border; }
 
     textarea, input {  width: 100%; @include no-outline; @include placeholder { color: $lightColor; } }
 
     .label { display: block; line-height: 1.8; color: $stableColor; }
   }
 
-  // validation error
+  // Validation error
 
   .error-message { color: $assertiveColor; font-size: .8em; margin-left: .5em; }
 
-  // required
+  // Required
 
   .input-required .label:before { content: '*'; color: $assertiveColor; @include position(absolute, null null null .38em); }
 
-  // disabled
+  // Disabled
 
-  .input-disabled { textarea, input { color: $stableColor; } }
+  .input-disabled { textarea, input { color: lighten($black, 20%); } }
 
-  // character counter
+  // Character counter
 
   .input-character-counter { font-size: .8em; margin-left: .5em; &.exceeds { color: $assertiveColor; } }
+
+  // Information box
+
+  .form-information {
+    margin     : 1em 1em 0;
+    padding    : 1em;
+    background : $neutralColor;
+    text-align : center;
+  }
 
 }