form.css.scss in flashgrid-3.0.0

- old
+ new

@@ -8,11 +8,11 @@
 /* #Form
 ================================================== */
 fieldset { border: 0; }
 legend {
   border: 0;
-  border-bottom: 1px solid rgba(217,222,225,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
   color: rgba(71,74,84,1);
   display: block;
   font-size: 16px;
   font-weight: bold;
   line-height: 25px;
@@ -44,11 +44,11 @@
 input[type="color"],
 .uneditable-input {
   -webkit-appearance: none;
      -moz-appearance: none;
   background: rgba(255,255,255,1);
-  border: 1px solid rgba(217,222,225,1);
+  border: 1px solid rgba(225,232,237,1);
   border-radius: 0;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
   color: rgba(43,50,53,1);
   display: block;
@@ -79,11 +79,11 @@
 input[type="url"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus,
 .uneditable-input:focus {
-  border-color: rgba(58,144,216,1);
+  border-color: rgba(15,135,226,1);
   outline: 0;
   outline: thin dotted \9;
   -webkit-transition: background 150ms linear;
           transition: background 150ms linear;
 }
@@ -101,11 +101,11 @@
 input[type="radio"],
 input[type="checkbox"] { width: auto; }
 select {
   -webkit-appearance: none;
      -moz-appearance: none;
-  border: 1px solid rgba(217,222,225,1);
+  border: 1px solid rgba(225,232,237,1);
   border-radius: 0;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
   color: rgba(33,40,43,1);
   font-size: 100%;
@@ -135,38 +135,38 @@
   padding-right: 15px;
   width: initial;
 }
 input:-moz-placeholder,
 textarea:-moz-placeholder {
-  color: rgba(158,171,179,1);
+  color: rgba(136,153,166,1);
   font-weight: 200;
 }
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
-  color: rgba(158,171,179,1);
+  color: rgba(136,153,166,1);
   font-weight: 200;
 }
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
-  color: rgba(158,171,179,1);
+  color: rgba(136,153,166,1);
   font-weight: 200;
 }
 input:focus:invalid,
 textarea:focus:invalid,
 select:focus:invalid {
-  border-color: rgba(255,50,50,1);
-  color: rgba(255,50,50,1);
+  border-color: rgba(218,79,46,1);
+  color: rgba(218,79,46,1);
 }
 input:focus:invalid:focus,
 textarea:focus:invalid:focus,
-select:focus:invalid:focus { border-color: rgba(255,50,50,1); }
+select:focus:invalid:focus { border-color: rgba(218,79,46,1); }
 input[disabled],
 textarea[disabled],
 select[disabled],
 .uneditable-input {
-  background: rgba(246,247,249,1);
-  color: rgba(158,171,179,1);
+  background: rgba(245,248,250,1);
+  color: rgba(136,153,166,1);
   cursor: not-allowed;
 }
 .uneditable-input { font-weight: normal; }
 input.form-input-initial-width,
 select.form-input-initial-width {
@@ -175,11 +175,11 @@
 }
 
 /* #Form Components
 ================================================== */
 .form-header {
-  border-bottom: 1px solid rgba(236,238,241,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
   margin-bottom: 30px;
   padding-bottom: 5px;
 }
 .form-header h1,
 .form-header h2,
@@ -187,19 +187,19 @@
 .form-header h4,
 .form-header h5,
 .form-header h6 { margin-bottom: 0; }
 .form-error-messages { margin-bottom: 40px; }
 .form-error-messages h4 {
-  background: rgba(236,238,241,1);
-  border: 1px solid rgba(217,222,225,1);
+  background: rgba(235,238,240,1);
+  border: 1px solid rgba(225,232,237,1);
   margin: 0;
   padding: 5px 10px;
 }
 .form-error-messages ul {
-  border-bottom: 1px solid rgba(217,222,225,1);
-   border-right: 1px solid rgba(217,222,225,1);
-    border-left: 1px solid rgba(217,222,225,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
+   border-right: 1px solid rgba(225,232,237,1);
+    border-left: 1px solid rgba(225,232,237,1);
 }
 .form-error-messages li {
   display: block;
   padding: 0 10px;
 }
@@ -219,15 +219,15 @@
 }
 .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);
+  background: rgba(245,248,250,1);
+  border: 1px solid rgba(225,232,237,1);
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-  color: rgba(158,171,179,1);
+  color: rgba(136,153,166,1);
   font-size: 16px;
   line-height: 0;
   padding: 0 13px;
   text-align: center;
   width: 1%;
@@ -243,11 +243,11 @@
   margin-right: 10px;
 }
 .form-text-inline   { margin-top: 13px; }
 .form-select-inline { margin-top: 0; }
 .form-help-block {
-  color: rgba(158,171,179,1);
+  color: rgba(136,153,166,1);
   display: block;
   font-size: 12px;
   margin-bottom: 15px;
 }
 .form-button-inline {
@@ -255,21 +255,21 @@
   padding-bottom: 12px;
      padding-top: 12px;
 }
 .form-btn-group > .btn {
   background: transparent;
-  border-color: rgba(217,222,225,1);
+  border-color: rgba(225,232,237,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);
+  background: rgba(245,248,250,1);
   color: rgba(43,50,53,1);
 }
 .form-footer {
-  border-top: 1px solid rgba(236,238,241,1);
+  border-top: 1px solid rgba(225,232,237,1);
   margin-top: 30px;
   padding: 20px 0 0 0;
 }
 .form-footer li:first-child { margin-top: 10px; }
 
\ No newline at end of file