materialize-sass 0.98.1 → 0.98.2

data/app/assets/stylesheets/materialize/components/_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/app/assets/stylesheets/materialize/components/_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;

data/app/assets/stylesheets/materialize/components/_global.scss

@@ -41,10 +41,6 @@ a {
 .valign-wrapper {
   display: flex;
   align-items: center;
-
-  .valign {
-    display: block;
-  }
 }
 
 

data/app/assets/stylesheets/materialize/components/_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;
@@ -57,24 +76,12 @@
       position: relative;
     }
 
-    $i: 1;
-    @while $i <= $num-cols {
-      &.s#{$i},
-      &.m#{$i},
-      &.l#{$i},
-      &.xl#{$i} {
-        margin-left: auto;
-        left: auto;
-        right: auto;
-      }
-      $i: $i + 1;
-    }
-
     $i: 1;
     @while $i <= $num-cols {
       $perc: unquote((100 / ($num-cols / $i)) + "%");
       &.s#{$i} {
         width: $perc;
+        @include reset-offset;
       }
       $i: $i + 1;
     }
@@ -82,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;
     }
 
@@ -101,6 +100,7 @@
         $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.m#{$i} {
           width: $perc;
+          @include reset-offset;
         }
         $i: $i + 1
       }
@@ -108,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;
       }
     }
@@ -128,6 +120,7 @@
         $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.l#{$i} {
           width: $perc;
+          @include reset-offset;
         }
         $i: $i + 1;
       }
@@ -135,15 +128,7 @@
       $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;
       }
     }
@@ -155,6 +140,7 @@
         $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.xl#{$i} {
           width: $perc;
+          @include reset-offset;
         }
         $i: $i + 1;
       }
@@ -162,15 +148,7 @@
       $i: 1;
       @while $i <= $num-cols {
         $perc: unquote((100 / ($num-cols / $i)) + "%");
-        &.offset-xl#{$i} {
-          margin-left: $perc;
-        }
-        &.pull-xl#{$i} {
-          right: $perc;
-        }
-        &.push-xl#{$i} {
-          left: $perc;
-        }
+        @include grid-classes("xl", $i, $perc);
         $i: $i + 1;
       }
     }

data/app/assets/stylesheets/materialize/components/_preloader.scss

@@ -30,8 +30,8 @@
 .preloader-wrapper {
   display: inline-block;
   position: relative;
-  width: 48px;
-  height: 48px;
+  width: 50px;
+  height: 50px;
 
   &.small {
     width: 36px;

data/app/assets/stylesheets/materialize/components/_pulse.scss

@@ -5,6 +5,8 @@
     position: absolute;
     width: 100%;
     height: 100%;
+    top: 0;
+    left: 0;
     background-color: inherit;
     border-radius: inherit;
     transition: opacity .3s, transform .3s;
@@ -13,6 +15,7 @@
   }
 
   overflow: initial;
+  position: relative;
 }
 
 @keyframes pulse-animation {

data/app/assets/stylesheets/materialize/components/_roboto.scss

@@ -1,49 +1,39 @@
 @font-face {
     font-family: "Roboto";
-    src: local(Roboto Thin), font-url('#{$roboto-font-path}Roboto-Thin.eot');
-    src: font-url("#{$roboto-font-path}Roboto-Thin.eot?#iefix") format('embedded-opentype'),
+    src: local(Roboto Thin),
         font-url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
-        font-url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"),
-        font-url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype");
+        font-url("#{$roboto-font-path}Roboto-Thin.woff") format("woff");
 
-    font-weight: 200;
+    font-weight: 100;
 }
 @font-face {
     font-family: "Roboto";
-    src: local(Roboto Light), font-url('#{$roboto-font-path}Roboto-Light.eot');
-    src: font-url("#{$roboto-font-path}Roboto-Light.eot?#iefix") format('embedded-opentype'),
+    src: local(Roboto Light),
         font-url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
-        font-url("#{$roboto-font-path}Roboto-Light.woff") format("woff"),
-        font-url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype");
+        font-url("#{$roboto-font-path}Roboto-Light.woff") format("woff");
     font-weight: 300;
 }
 
 @font-face {
     font-family: "Roboto";
-    src: local(Roboto Regular), font-url('#{$roboto-font-path}Roboto-Regular.eot');
-    src: font-url("#{$roboto-font-path}Roboto-Regular.eot?#iefix") format('embedded-opentype'),
+    src: local(Roboto Regular), 
         font-url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"),
-        font-url("#{$roboto-font-path}Roboto-Regular.woff") format("woff"),
-        font-url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype");
+        font-url("#{$roboto-font-path}Roboto-Regular.woff") format("woff");
     font-weight: 400;
 }
 
 @font-face {
     font-family: "Roboto";
-    src: font-url('#{$roboto-font-path}Roboto-Medium.eot');
-    src: font-url("#{$roboto-font-path}Roboto-Medium.eot?#iefix") format('embedded-opentype'),
+    src: local(Roboto Medium),
         font-url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"),
-        font-url("#{$roboto-font-path}Roboto-Medium.woff") format("woff"),
-        font-url("#{$roboto-font-path}Roboto-Medium.ttf") format("truetype");
+        font-url("#{$roboto-font-path}Roboto-Medium.woff") format("woff");
     font-weight: 500;
 }
 
 @font-face {
     font-family: "Roboto";
-    src: font-url('#{$roboto-font-path}Roboto-Bold.eot');
-    src: font-url("#{$roboto-font-path}Roboto-Bold.eot?#iefix") format('embedded-opentype'),
+    src: local(Roboto Bold),
         font-url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"),
-        font-url("#{$roboto-font-path}Roboto-Bold.woff") format("woff"),
-        font-url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype");
+        font-url("#{$roboto-font-path}Roboto-Bold.woff") format("woff");
     font-weight: 700;
 }

data/app/assets/stylesheets/materialize/components/_tapTarget.scss

@@ -32,7 +32,6 @@
   }
 }
 
-
 .tap-target {
   position: absolute;
   font-size: 1rem;
@@ -48,15 +47,6 @@
     opacity .3s cubic-bezier(.42,0,.58,1);
 }
 
-@media only screen and (max-width: 600px) {
-  .tap-target {
-    width: 600px;
-    height: 600px;
-  }
-}
-
-
-
 .tap-target-content {
   position: relative;
   display: table-cell;
@@ -92,6 +82,11 @@
 }
 
 .tap-target-origin {
+  &:not(.btn),
+  &:not(.btn):hover {
+    background: none;
+  }
+
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
@@ -100,6 +95,9 @@
   position: absolute !important;
 }
 
-.tap-target-origin:not(.btn), .tap-target-origin:not(.btn):hover {
-  background: none;
+@media only screen and (max-width: 600px) {
+  .tap-target, .tap-target-wrapper {
+    width: 600px;
+    height: 600px;
+  }
 }

data/app/assets/stylesheets/materialize/components/_variables.scss

@@ -56,7 +56,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;

data/app/assets/stylesheets/materialize/components/forms/_input-fields.scss

@@ -158,6 +158,7 @@ textarea.materialize-textarea {
     font-size: 1rem;
     cursor: text;
     transition: .2s ease-out;
+    text-align: initial;
 
     &:not(.label-icon).active {
       font-size: $label-font-size;
@@ -264,6 +265,10 @@ textarea {
   word-wrap: break-word;
   overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
   padding-top: 1.2rem; /* prevents text jump on Enter keypress */
+
+  // Reduces repaints
+  position: absolute;
+  top: 0;
 }
 
 

data/app/assets/stylesheets/materialize/components/forms/_range.scss

@@ -27,13 +27,14 @@ input[type=range] {
 
 input[type=range] + .thumb {
   position: absolute;
+  top: 10px;
+  left: 0;
   border: none;
   height: 0;
   width: 0;
   border-radius: 50%;
   background-color: $radio-fill-color;
-  top: 10px;
-  margin-left: -6px;
+  margin-left: 7px;
 
   transform-origin: 50% 50%;
   transform: rotate(-45deg);

data/app/assets/stylesheets/materialize/extras/nouislider.css

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.98.1 (http://materializecss.com)
+ * Materialize v0.98.2 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.98.1"
+    VERSION = "0.98.2"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.98.1
+  version: 0.98.2
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-26 00:00:00.000000000 Z
+date: 2017-04-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -190,7 +190,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.11
 signing_key: 
 specification_version: 4
 summary: Materialzecss sass for rails.