mtl 1.1.7 → 1.1.8

data/vendor/assets/stylesheets/materialize/_buttons.scss

@@ -43,11 +43,11 @@
 .btn-floating,
 .btn-large,
 .btn-flat {
-
+  font-size: $button-font-size;
   outline: 0;
 
   i {
-    font-size: $button-font-size;
+    font-size: $button-icon-font-size;
     line-height: inherit;
   }
 }
@@ -89,6 +89,10 @@
   }
 
   &.btn-large {
+    &.halfway-fab {
+      bottom: -$button-floating-large-size / 2;
+    }
+
     width: $button-floating-large-size;
     height: $button-floating-large-size;
     i {
@@ -104,8 +108,7 @@
 
     position: absolute;
     right: 24px;
-    bottom: 0;
-    transform: translateY(50%);
+    bottom: -$button-floating-size / 2;
   }
 
   display: inline-block;
@@ -180,6 +183,7 @@ button.btn-floating {
       display: flex;
       top: 0;
       bottom: 0;
+      z-index: 1;
 
       li {
         flex: 1;
@@ -254,19 +258,14 @@ button.btn-floating {
   cursor: pointer;
   transition: background-color .2s;
 
-  &:focus,
-  &:active {
-    background-color: transparent;
-  }
-
   &:focus,
   &:hover {
-    background-color: rgba(0,0,0,.1);
     box-shadow: none;
+    background-color: transparent;
   }
 
-  &:active {
-    background-color: rgba(0,0,0,.2);
+  &:focus {
+    background-color: rgba(0,0,0,.1);
   }
 
   &.disabled {

data/vendor/assets/stylesheets/materialize/_cards.scss

@@ -158,6 +158,9 @@
   }
 
   .card-action {
+    &:last-child {
+      border-radius: 0 0 2px 2px;
+    }
     position: relative;
     background-color: inherit;
     border-top: 1px solid rgba(160,160,160,.2);

data/vendor/assets/stylesheets/materialize/_carousel.scss

@@ -52,7 +52,7 @@
     top: 0;
     left: 0;
 
-    img {
+    & > img {
       width: 100%;
     }
   }
@@ -82,4 +82,10 @@
       border-radius: 50%;
     }
   }
+
+  // Materialbox compatibility
+  &.scrolling .carousel-item .materialboxed,
+  .carousel-item:not(.active) .materialboxed {
+    pointer-events: none;
+  }
 }

data/vendor/assets/stylesheets/materialize/_chips.scss

@@ -11,7 +11,7 @@
   margin-bottom: $chip-margin;
   margin-right: $chip-margin;
 
-  img {
+  > img {
     float: left;
     margin: 0 8px 0 -12px;
     height: 32px;
@@ -69,6 +69,11 @@
     border: 0 !important;
     box-shadow: none !important;
   }
+
+  // Autocomplete
+  .autocomplete-content {
+    margin-top: 0;
+  }
 }
 
 // Form prefix

data/vendor/assets/stylesheets/materialize/_collapsible.scss

@@ -9,6 +9,7 @@
 .collapsible-header {
   display: block;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
   min-height: $collapsible-height;
   line-height: $collapsible-line-height;
   padding: 0 1rem;

data/vendor/assets/stylesheets/materialize/_color.scss

@@ -359,7 +359,7 @@ $colors: (
   "blue-grey": $blue-grey,
   "grey": $grey,
   "shades": $shades
-);
+) !default;
 
 
 // Color Classes

data/vendor/assets/stylesheets/materialize/_dropdown.scss

@@ -52,6 +52,9 @@
     & > a > i {
       height: inherit;
       line-height: inherit;
+      float: left;
+      margin: 0 24px 0 0;
+      width: 24px;
     }
   }
 }

data/vendor/assets/stylesheets/materialize/_global.scss

@@ -41,10 +41,6 @@ a {
 .valign-wrapper {
   display: flex;
   align-items: center;
-
-  .valign {
-    display: block;
-  }
 }
 
 
@@ -230,32 +226,31 @@ video.responsive-video {
   }
 }
 
-
 // Parallax
 .parallax-container {
   position: relative;
   overflow: hidden;
   height: 500px;
-}
-
-.parallax {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
 
-  img {
-    display: none;
+  .parallax {
     position: absolute;
-    left: 50%;
+    top: 0;
+    left: 0;
+    right: 0;
     bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    -webkit-transform: translate3d(0,0,0);
-            transform: translate3d(0,0,0);
-    transform: translateX(-50%);
+    z-index: -1;
+
+    img {
+      display: none;
+      position: absolute;
+      left: 50%;
+      bottom: 0;
+      min-width: 100%;
+      min-height: 100%;
+      -webkit-transform: translate3d(0,0,0);
+              transform: translate3d(0,0,0);
+      transform: translateX(-50%);
+    }
   }
 }
 
@@ -344,7 +339,7 @@ ul.staggered-list li {
 }
 
 // Footer
-footer.page-footer {
+.page-footer {
   padding-top: 20px;
   background-color: $footer-bg-color;
 

data/vendor/assets/stylesheets/materialize/_grid.scss

@@ -34,6 +34,25 @@
 }
 
 
+// Mixins to eliminate code repitition
+@mixin reset-offset {
+  margin-left: auto;
+  left: auto;
+  right: auto;
+}
+@mixin grid-classes($size, $i, $perc) {
+  &.offset-#{$size}#{$i} {
+    margin-left: $perc;
+  }
+  &.pull-#{$size}#{$i} {
+    right: $perc;
+  }
+  &.push-#{$size}#{$i} {
+    left: $perc;
+  }
+}
+
+
 .row {
   margin-left: auto;
   margin-right: auto;
@@ -62,9 +81,7 @@
       $perc: unquote((100 / ($num-cols / $i)) + "%");
       &.s#{$i} {
         width: $perc;
-        margin-left: auto;
-        left: auto;
-        right: auto;
+        @include reset-offset;
       }
       $i: $i + 1;
     }
@@ -72,15 +89,7 @@
     $i: 1;
     @while $i <= $num-cols {
       $perc: unquote((100 / ($num-cols / $i)) + "%");
-      &.offset-s#{$i} {
-        margin-left: $perc;
-      }
-      &.pull-s#{$i} {
-        right: $perc;
-      }
-      &.push-s#{$i} {
-        left: $perc;
-      }
+      @include grid-classes("s", $i, $perc);
       $i: $i + 1;
     }
 
@@ -91,9 +100,7 @@
         $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.m#{$i} {
           width: $perc;
-          margin-left: auto;
-          left: auto;
-          right: auto;
+          @include reset-offset;
         }
         $i: $i + 1
       }
@@ -101,15 +108,7 @@
       $i: 1;
       @while $i <= $num-cols {
         $perc: unquote((100 / ($num-cols / $i)) + "%");
-        &.offset-m#{$i} {
-          margin-left: $perc;
-        }
-        &.pull-m#{$i} {
-          right: $perc;
-        }
-        &.push-m#{$i} {
-          left: $perc;
-        }
+        @include grid-classes("m", $i, $perc);
         $i: $i + 1;
       }
     }
@@ -121,9 +120,7 @@
         $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.l#{$i} {
           width: $perc;
-          margin-left: auto;
-          left: auto;
-          right: auto;
+          @include reset-offset;
         }
         $i: $i + 1;
       }
@@ -131,17 +128,29 @@
       $i: 1;
       @while $i <= $num-cols {
         $perc: unquote((100 / ($num-cols / $i)) + "%");
-        &.offset-l#{$i} {
-          margin-left: $perc;
-        }
-        &.pull-l#{$i} {
-          right: $perc;
-        }
-        &.push-l#{$i} {
-          left: $perc;
+        @include grid-classes("l", $i, $perc);
+        $i: $i + 1;
+      }
+    }
+
+    @media #{$extra-large-and-up} {
+
+      $i: 1;
+      @while $i <= $num-cols {
+        $perc: unquote((100 / ($num-cols / $i)) + "%");
+        &.xl#{$i} {
+          width: $perc;
+          @include reset-offset;
         }
         $i: $i + 1;
       }
+
+      $i: 1;
+      @while $i <= $num-cols {
+        $perc: unquote((100 / ($num-cols / $i)) + "%");
+        @include grid-classes("xl", $i, $perc);
+        $i: $i + 1;
+      }
     }
   }
 }

data/vendor/assets/stylesheets/materialize/_modal.scss

@@ -36,9 +36,9 @@
     padding: 4px 6px;
     height: 56px;
     width: 100%;
+    text-align: right;
 
     .btn, .btn-flat {
-      float: right;
       margin: 6px 0;
     }
   }
@@ -46,7 +46,7 @@
 .modal-overlay {
   position: fixed;
   z-index: 999;
-  top: -100px;
+  top: -25%;
   left: 0;
   bottom: 0;
   right: 0;

data/vendor/assets/stylesheets/materialize/_preloader.scss

@@ -30,8 +30,8 @@
 .preloader-wrapper {
   display: inline-block;
   position: relative;
-  width: 48px;
-  height: 48px;
+  width: 50px;
+  height: 50px;
 
   &.small {
     width: 36px;
@@ -331,4 +331,4 @@
 @keyframes fade-out {
   from { opacity: 1; }
   to { opacity: 0; }
-}
+}

data/vendor/assets/stylesheets/materialize/_pulse.scss

@@ -0,0 +1,34 @@
+.pulse {
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: inherit;
+    border-radius: inherit;
+    transition: opacity .3s, transform .3s;
+    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+    z-index: -1;
+  }
+
+  overflow: initial;
+  position: relative;
+}
+
+@keyframes pulse-animation {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0;
+    transform: scale(1.5);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1.5);
+  }
+}

data/vendor/assets/stylesheets/materialize/_sideNav.scss

@@ -38,7 +38,7 @@
     &.active { background-color: rgba(0,0,0,.05); }
   }
 
-  a {
+  li > a {
     color: $sidenav-font-color;
     display: block;
     font-size: $sidenav-font-size;
@@ -61,19 +61,20 @@
     &.btn:hover,
     &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
     &.btn-floating:hover { background-color: $button-raised-background; }
-  }
 
-  li > a > i,
-  li > a > [class^="mdi-"], li > a > [class*="mdi-"],
-  li > a > i.material-icons {
-    float: left;
-    height: $sidenav-item-height;
-    line-height: $sidenav-line-height;
-    margin: 0 ($sidenav-padding * 2) 0 0;
-    width: $sidenav-item-height / 2;
-    color: rgba(0,0,0,.54);
+    & > i,
+    & > [class^="mdi-"], li > a > [class*="mdi-"],
+    & > i.material-icons {
+      float: left;
+      height: $sidenav-item-height;
+      line-height: $sidenav-line-height;
+      margin: 0 ($sidenav-padding * 2) 0 0;
+      width: $sidenav-item-height / 2;
+      color: rgba(0,0,0,.54);
+    }
   }
 
+
   .divider {
     margin: ($sidenav-padding / 2) 0 0 0;
   }
@@ -91,6 +92,7 @@
     line-height: $sidenav-line-height;
   }
 
+  .user-view,
   .userView {
     position: relative;
     padding: ($sidenav-padding * 2) ($sidenav-padding * 2) 0;
@@ -178,6 +180,7 @@
       padding: 0 $sidenav-padding;
     }
 
+    .user-view,
     .userView {
       padding: $sidenav-padding $sidenav-padding 0;
     }
@@ -192,6 +195,9 @@
     color: $sidenav-bg-color;
   }
 }
+.side-nav .collapsible-body {
+  padding: 0;
+}
 
 
 #sidenav-overlay {

data/vendor/assets/stylesheets/materialize/_tapTarget.scss

@@ -0,0 +1,103 @@
+.tap-target-wrapper {
+  width: 800px;
+  height: 800px;
+  position: fixed;
+  z-index: 1000;
+  visibility: hidden;
+  transition: visibility 0s .3s;
+}
+
+.tap-target-wrapper.open {
+  visibility: visible;
+  transition: visibility 0s;
+
+  .tap-target {
+    transform: scale(1);
+    opacity: .95;
+    transition:
+      transform .3s cubic-bezier(.42,0,.58,1),
+      opacity .3s cubic-bezier(.42,0,.58,1);
+  }
+
+  .tap-target-wave::before {
+    transform: scale(1);
+  }
+  .tap-target-wave::after {
+    visibility: visible;
+    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+    transition:
+      opacity .3s,
+      transform .3s,
+      visibility 0s 1s;
+  }
+}
+
+.tap-target {
+  position: absolute;
+  font-size: 1rem;
+  border-radius: 50%;
+  background-color: $primary-color;
+  box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14), 0 10px 50px 0 rgba(0,0,0,0.12), 0 30px 10px -20px rgba(0,0,0,0.2);
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transform: scale(0);
+  transition:
+    transform .3s cubic-bezier(.42,0,.58,1),
+    opacity .3s cubic-bezier(.42,0,.58,1);
+}
+
+.tap-target-content {
+  position: relative;
+  display: table-cell;
+}
+
+.tap-target-wave {
+  &::before,
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #ffffff;
+  }
+  &::before {
+    transform: scale(0);
+    transition: transform .3s;
+  }
+  &::after {
+    visibility: hidden;
+    transition:
+      opacity .3s,
+      transform .3s,
+      visibility 0s;
+    z-index: -1;
+  }
+
+  position: absolute;
+  border-radius: 50%;
+  z-index: 10001;
+}
+
+.tap-target-origin {
+  &:not(.btn),
+  &:not(.btn):hover {
+    background: none;
+  }
+
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+
+  z-index: 10002;
+  position: absolute !important;
+}
+
+@media only screen and (max-width: 600px) {
+  .tap-target, .tap-target-wrapper {
+    width: 600px;
+    height: 600px;
+  }
+}

data/vendor/assets/stylesheets/materialize/_variables.scss

@@ -10,8 +10,9 @@
 //  4. Cards
 //  5. Collapsible
 //  6. Chips
-//  7. Date Picker
+//  7. Date + Time Picker
 //  8. Dropdown
+//  9. Fonts
 //  10. Forms
 //  11. Global
 //  12. Grid
@@ -56,7 +57,8 @@ $badge-height: 22px !default;
 // Shared styles
 $button-border: none !default;
 $button-background-focus: lighten($secondary-color, 4%) !default;
-$button-font-size: 1.3rem !default;
+$button-font-size: 1rem !default;
+$button-icon-font-size: 1.3rem !default;
 $button-height: 36px !default;
 $button-padding: 0 2rem !default;
 $button-radius: 2px !default;
@@ -114,16 +116,21 @@ $chip-selected-color: #26a69a !default;
 $chip-margin: 5px !default;
 
 
-// 7. Date Picker
+// 7. Date + Time Picker
 // ==========================================================================
 
+$datepicker-display-font-size: 2.8rem;
+$datepicker-weekday-color: rgba(0, 0, 0, .87) !default;
 $datepicker-weekday-bg: darken($secondary-color, 7%) !default;
 $datepicker-date-bg: $secondary-color !default;
-$datepicker-year: rgba(255, 255, 255, .4) !default;
+$datepicker-year: rgba(255, 255, 255, .7) !default;
 $datepicker-focus: rgba(0,0,0, .05) !default;
 $datepicker-selected: $secondary-color !default;
 $datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
 
+$timepicker-clock-color: rgba(0, 0, 0, .87) !default;
+$timepicker-clock-plate-bg: #eee;
+
 
 // 8. Dropdown
 // ==========================================================================
@@ -152,7 +159,8 @@ $input-error-color: $error-color !default;
 $input-success-color: $success-color !default;
 $input-focus-color: $secondary-color !default;
 $input-font-size: 1rem !default;
-$input-margin: 0 0 20px 0 !default;
+$input-margin-bottom: 20px;
+$input-margin: 0 0 $input-margin-bottom 0 !default;
 $input-padding: 0 !default;
 $input-transition: all .3s !default;
 $label-font-size: .8rem !default;
@@ -184,7 +192,7 @@ $select-disabled-color: rgba(0,0,0,.3) !default;
 $switch-bg-color: $secondary-color !default;
 $switch-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !default;
 $switch-unchecked-bg: #F1F1F1 !default;
-$switch-unchecked-lever-bg: #818181 !default;
+$switch-unchecked-lever-bg: rgba(0,0,0,.38) !default;
 $switch-radius: 15px !default;
 
 
@@ -201,6 +209,7 @@ $large-screen: 1200px !default;
 
 $medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
 $large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
+$extra-large-and-up: "only screen and (min-width : #{$large-screen-up})" !default;
 $small-and-down: "only screen and (max-width : #{$small-screen})" !default;
 $medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
 $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;