Updated Drupal to 8.6. This goes with the following updates because it's possible...

[yaffs-website] / web / core / themes / seven / css / components / form.css

diff --git a/web/core/themes/seven/css/components/form.css b/web/core/themes/seven/css/components/form.css
index 0db30e8338b3790d798220a09b54bae734447b9a..68dedf1745fa278f8363d0228e9822a991faf7f4 100644 (file)
--- a/web/core/themes/seven/css/components/form.css
+++ b/web/core/themes/seven/css/components/form.css
@@ -19,7 +19,7 @@ fieldset:not(.fieldgroup) {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   fieldset:not(.fieldgroup) {
     display: table-cell;
   }
@@ -41,7 +41,7 @@ fieldset:not(.fieldgroup) > legend {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   .fieldgroup {
     display: table-cell;
   }
@@ -49,6 +49,20 @@ fieldset:not(.fieldgroup) > legend {
 .form-item {
   margin: 0.75em 0;
 }
+/**
+ * When a table row has a single form item, prevent it from adding unnecessary
+ * extra spacing. If it has multiple form items, allow spacing between them,
+ * overriding Classy.
+ */
+tr.odd .form-item,
+tr.even .form-item {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+td > .form-item:only-child {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 .form-type-checkbox {
   padding: 0;
 }
@@ -71,7 +85,7 @@ label[for] {
   vertical-align: middle;
 }
 .form-disabled label {
-  color: #737373;
+  color: #686868;
 }
 .form-disabled input.form-text,
 .form-disabled input.form-tel,
@@ -84,7 +98,7 @@ label[for] {
 .form-disabled textarea.form-textarea,
 .form-disabled select.form-select {
   border-color: #d4d4d4;
-  background-color: hsla(0, 0%, 0%, .08);
+  background-color: hsla(0, 0%, 0%, 0.08);
   box-shadow: none;
 }
 .form-item input.error,
@@ -105,7 +119,7 @@ label[for] {
 .form-item select.error:focus {
   border-color: #e62600;
   outline: 0;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px 1px #e62600;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
   background-color: #fcf4f2;
 }
 .form-required:after {
@@ -175,22 +189,20 @@ input.form-date,
 input.form-time,
 textarea.form-textarea {
   box-sizing: border-box;
-  padding: .3em .4em .3em .5em; /* LTR */
+  padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
   max-width: 100%;
   border: 1px solid #b8b8b8;
   border-top-color: #999;
-  background: #fff;
-  color: #333;
   border-radius: 2px;
   background: #fcfcfa;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
   font-size: 1em;
   color: #595959;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 [dir="rtl"] textarea.form-textarea {
-  padding: .3em .5em .3em .4em;
+  padding: 0.3em 0.5em 0.3em 0.4em;
 }
 .form-text:focus,
 .form-tel:focus,
@@ -205,7 +217,7 @@ textarea.form-textarea {
 .form-time:focus {
   border-color: #40b6ff;
   outline: 0;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px #40b6ff;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
   background-color: #fff;
 }
 
@@ -241,6 +253,7 @@ select {
     background:
       url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
       -webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
+
     text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
     font-size: 0.875rem;
     -webkit-transition: all 0.1s;