form.css.scss in flashgrid-2.0.0

- old
+ new

@@ -185,22 +185,10 @@
 .form-header h2,
 .form-header h3,
 .form-header h4,
 .form-header h5,
 .form-header h6 { margin-bottom: 0; }
-.form-cap {
-  background: rgba(58,144,216,1);
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-  color: rgba(255,255,255,1);
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 20px;
-  margin-bottom: 15px;
-  padding: 10px 15px;
-}
 .form-error-messages { margin-bottom: 40px; }
 .form-error-messages h4 {
   background: rgba(236,238,241,1);
   border: 1px solid rgba(217,222,225,1);
   margin: 0;
@@ -214,30 +202,73 @@
 .form-error-messages li {
   display: block;
   padding: 0 10px;
 }
 .form-error-messages li:first-child { padding-top: 10px; }
-.form-error-messages li:last-child { padding-bottom: 10px; }
+.form-error-messages li:last-child  { padding-bottom: 10px; }
 .form-textarea-small { height: 80px; }
 .form-textarea-large { height: 200px; }
+.form-input-group {
+  border-collapse: separate;
+  display: table;
+  margin-bottom: 5px;
+  position: relative;
+}
+.form-input-group[class*="col-"] {
+  float: none;
+  padding: 0;
+}
+.form-input-group input,
+.form-input-group-addon { display: table-cell; }
+.form-input-group input { margin: 0; }
+.form-input-group-addon {
+  background: rgba(246,247,249,1);
+  border: 1px solid rgba(217,222,225,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  color: rgba(158,171,179,1);
+  font-size: 16px;
+  line-height: 0;
+  padding: 0 13px;
+  text-align: center;
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.form-input-group-addon:first-child { border-right: 0; }
+.form-input-group-addon:last-child  { border-left: 0; }
+.form-input-group-addon input[type="radio"],
+.form-input-group-addon input[type="checkbox"] { margin: 0; }
 .form-input-inline {
   display: inline-block;
   margin-right: 10px;
 }
-.form-text-inline { margin-top: 13px; }
-.form-select-inline { margin-top: 0px; }
+.form-text-inline   { margin-top: 13px; }
+.form-select-inline { margin-top: 0; }
 .form-help-block {
   color: rgba(158,171,179,1);
   display: block;
   font-size: 12px;
   margin-bottom: 15px;
 }
 .form-button-inline {
   margin-top: 2px;
-  padding-bottom: 13px;
-  padding-top: 12px;
+  padding-bottom: 12px;
+     padding-top: 12px;
 }
+.form-btn-group > .btn {
+  background: transparent;
+  border-color: rgba(217,222,225,1);
+  color: rgba(174,182,192,1);
+}
+.form-btn-group > .btn:active,
+.form-btn-group > .btn.active,
+.form-btn-group > .btn:hover,
+.form-btn-group > .btn:focus {
+  background: rgba(246,247,249,1);
+  color: rgba(43,50,53,1);
+}
 .form-footer {
   border-top: 1px solid rgba(236,238,241,1);
   margin-top: 30px;
   padding: 20px 0 0 0;
 }
@@ -249,22 +280,22 @@
   display: block;
   float: left;
   margin-right: 2.5%;
   margin-left: 2.5%;
 }
-.form-column.alpha { margin-left: 0; }
-.form-column.omega { margin-right: 0; }
-.form-column.one-quarter-column { width: 22.5%; }
-.form-column.one-third-column { width: 30%; }
-.form-column.half-column { width: 47.5%; }
-.form-column.two-third-column { width: 65%; }
+.form-column.alpha                { margin-left: 0; }
+.form-column.omega                { margin-right: 0; }
+.form-column.one-quarter-column   { width: 22.5%; }
+.form-column.one-third-column     { width: 30%; }
+.form-column.half-column          { width: 47.5%; }
+.form-column.two-third-column     { width: 65%; }
 .form-column.three-quarter-column { width: 72.5%; }
 
 /* #Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
   .form-button-inline { margin-top: 15px; }
-  .form-text-inline { margin-top: 0; }
+  .form-text-inline   { margin-top: 0; }
   .form-column-responsive .form-column {
     clear: both;
     float: none;
     margin: 0;
     width: 100%;
\ No newline at end of file