mithril-materialized 3.3.2 → 3.3.4

package/dist/core.css

@@ -784,7 +784,6 @@ td, th {
     border-spacing: 0;
     display: block;
     position: relative;
-    /* sort out borders */
   }
   table.responsive-table td:empty:before {
     content: " ";
@@ -832,6 +831,9 @@ td, th {
     border-bottom: none;
     padding: 0 10px;
   }
+  table.responsive-table {
+    /* sort out borders */
+  }
   table.responsive-table thead {
     border: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
@@ -2047,9 +2049,6 @@ small {
   }
 }
 
-.scale-transition {
-  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
-}
 .scale-transition.scale-out {
   transform: scale(0);
   transition: transform 0.2s !important;
@@ -2057,6 +2056,9 @@ small {
 .scale-transition.scale-in {
   transform: scale(1);
 }
+.scale-transition {
+  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+}
 
 /* Text Inputs + Textarea
    ========================================================================== */
@@ -2504,11 +2506,6 @@ textarea.materialize-textarea + label:after {
   transition: 0.2s opacity ease-out, 0.2s color ease-out;
 }
 
-.input-field {
-  position: relative;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
 .input-field.inline {
   display: inline-block;
   vertical-align: middle;
@@ -2525,6 +2522,11 @@ textarea.materialize-textarea + label:after {
 .input-field.col .prefix ~ .validate ~ label {
   width: calc(100% - 3rem - 1.5rem);
 }
+.input-field {
+  position: relative;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 .input-field > label {
   color: #9e9e9e;
   position: absolute;
@@ -2545,6 +2547,12 @@ textarea.materialize-textarea + label:after {
   transform: translateY(-14px) scale(0.8);
   transform-origin: 0 0;
 }
+.input-field .helper-text::after {
+  opacity: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .input-field .helper-text {
   position: relative;
   min-height: 18px;
@@ -2552,12 +2560,6 @@ textarea.materialize-textarea + label:after {
   font-size: 12px;
   color: var(--mm-text-secondary, rgba(0, 0, 0, 0.54));
 }
-.input-field .helper-text::after {
-  opacity: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
 .input-field .prefix {
   position: absolute;
   width: 3rem;
@@ -2824,9 +2826,6 @@ textarea.materialize-textarea {
   color: var(--mm-text-disabled, rgba(0, 0, 0, 0.42));
 }
 
-[type=checkbox] {
-  /* checkbox aspect */
-}
 [type=checkbox] + span:not(.lever) {
   position: relative;
   padding-left: 35px;
@@ -2837,6 +2836,9 @@ textarea.materialize-textarea {
   font-size: 1rem;
   user-select: none;
 }
+[type=checkbox] {
+  /* checkbox aspect */
+}
 [type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after {
   content: "";
   position: absolute;
@@ -2880,8 +2882,8 @@ textarea.materialize-textarea {
   transform-origin: 100% 100%;
 }
 [type=checkbox]:checked:disabled + span:before {
-  border-right: 2px solid rgba(0, 0, 0, 0.42);
-  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
+  border-right: 3px solid var(--mm-switch-disabled-track, rgba(0, 0, 0, 0.42));
+  border-bottom: 3px solid var(--mm-switch-disabled-track, rgba(0, 0, 0, 0.42));
 }
 
 /* Indeterminate checkbox */
@@ -3080,13 +3082,16 @@ select {
   position: absolute;
 }
 
-.select-wrapper {
-  position: relative;
-}
 .select-wrapper.valid + label, .select-wrapper.invalid + label {
   width: 100%;
   pointer-events: none;
 }
+.select-wrapper {
+  position: relative;
+}
+.select-wrapper input.select-dropdown:focus {
+  border-bottom: 1px solid #26a69a;
+}
 .select-wrapper input.select-dropdown {
   position: relative;
   cursor: pointer;
@@ -3104,9 +3109,6 @@ select {
   user-select: none;
   z-index: 1;
 }
-.select-wrapper input.select-dropdown:focus {
-  border-bottom: 1px solid #26a69a;
-}
 .select-wrapper .caret {
   position: absolute;
   right: 0;
@@ -3350,6 +3352,9 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
 .file-field span {
   cursor: pointer;
 }
+.file-field input[type=file]::-webkit-file-upload-button {
+  display: none;
+}
 .file-field input[type=file] {
   position: absolute;
   top: 0;
@@ -3364,9 +3369,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   opacity: 0;
   filter: alpha(opacity=0);
 }
-.file-field input[type=file]::-webkit-file-upload-button {
-  display: none;
-}
 .file-field .close {
   height: 20px;
 }

package/dist/forms.css

@@ -387,7 +387,6 @@ td, th {
     border-spacing: 0;
     display: block;
     position: relative;
-    /* sort out borders */
   }
   table.responsive-table td:empty:before {
     content: " ";
@@ -435,6 +434,9 @@ td, th {
     border-bottom: none;
     padding: 0 10px;
   }
+  table.responsive-table {
+    /* sort out borders */
+  }
   table.responsive-table thead {
     border: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
@@ -1113,11 +1115,6 @@ textarea.materialize-textarea + label:after {
   transition: 0.2s opacity ease-out, 0.2s color ease-out;
 }
 
-.input-field {
-  position: relative;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
 .input-field.inline {
   display: inline-block;
   vertical-align: middle;
@@ -1134,6 +1131,11 @@ textarea.materialize-textarea + label:after {
 .input-field.col .prefix ~ .validate ~ label {
   width: calc(100% - 3rem - 1.5rem);
 }
+.input-field {
+  position: relative;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 .input-field > label {
   color: #9e9e9e;
   position: absolute;
@@ -1154,6 +1156,12 @@ textarea.materialize-textarea + label:after {
   transform: translateY(-14px) scale(0.8);
   transform-origin: 0 0;
 }
+.input-field .helper-text::after {
+  opacity: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .input-field .helper-text {
   position: relative;
   min-height: 18px;
@@ -1161,12 +1169,6 @@ textarea.materialize-textarea + label:after {
   font-size: 12px;
   color: var(--mm-text-secondary, rgba(0, 0, 0, 0.54));
 }
-.input-field .helper-text::after {
-  opacity: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
 .input-field .prefix {
   position: absolute;
   width: 3rem;
@@ -1325,13 +1327,16 @@ select {
   position: absolute;
 }
 
-.select-wrapper {
-  position: relative;
-}
 .select-wrapper.valid + label, .select-wrapper.invalid + label {
   width: 100%;
   pointer-events: none;
 }
+.select-wrapper {
+  position: relative;
+}
+.select-wrapper input.select-dropdown:focus {
+  border-bottom: 1px solid #26a69a;
+}
 .select-wrapper input.select-dropdown {
   position: relative;
   cursor: pointer;
@@ -1349,9 +1354,6 @@ select {
   user-select: none;
   z-index: 1;
 }
-.select-wrapper input.select-dropdown:focus {
-  border-bottom: 1px solid #26a69a;
-}
 .select-wrapper .caret {
   position: absolute;
   right: 0;
@@ -1589,9 +1591,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   color: var(--mm-text-disabled, rgba(0, 0, 0, 0.42));
 }
 
-[type=checkbox] {
-  /* checkbox aspect */
-}
 [type=checkbox] + span:not(.lever) {
   position: relative;
   padding-left: 35px;
@@ -1602,6 +1601,9 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   font-size: 1rem;
   user-select: none;
 }
+[type=checkbox] {
+  /* checkbox aspect */
+}
 [type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after {
   content: "";
   position: absolute;
@@ -1645,8 +1647,8 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   transform-origin: 100% 100%;
 }
 [type=checkbox]:checked:disabled + span:before {
-  border-right: 2px solid rgba(0, 0, 0, 0.42);
-  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
+  border-right: 3px solid var(--mm-switch-disabled-track, rgba(0, 0, 0, 0.42));
+  border-bottom: 3px solid var(--mm-switch-disabled-track, rgba(0, 0, 0, 0.42));
 }
 
 /* Indeterminate checkbox */
@@ -2437,6 +2439,9 @@ input[type=range]::-ms-thumb {
 .file-field span {
   cursor: pointer;
 }
+.file-field input[type=file]::-webkit-file-upload-button {
+  display: none;
+}
 .file-field input[type=file] {
   position: absolute;
   top: 0;
@@ -2451,9 +2456,6 @@ input[type=range]::-ms-thumb {
   opacity: 0;
   filter: alpha(opacity=0);
 }
-.file-field input[type=file]::-webkit-file-upload-button {
-  display: none;
-}
 .file-field .close {
   height: 20px;
 }