materialize-sass 0.97.3 → 0.97.4

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

@@ -1,14 +1,17 @@
 @font-face {
-    font-family: "Roboto-Thin";
-    src: local(Roboto Thin),
+    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'),
         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-weight: 200;
 }
 @font-face {
-    font-family: "Roboto-Light";
-    src: local(Roboto Light),
+    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'),
         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");
@@ -17,8 +20,8 @@
 
 @font-face {
     font-family: "Roboto";
-    src:
-        local(Roboto Regular),
+    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'),
         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");
@@ -26,16 +29,20 @@
 }
 
 @font-face {
-    font-family: "Roboto-Medium";
-    src: font-url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"),
+    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'),
+        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-weight: 500;
 }
 
 @font-face {
-    font-family: "Roboto-Bold";
-    src: font-url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"),
+    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'),
+        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-weight: 700;

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

@@ -30,14 +30,15 @@
   li {
     float: none;
     padding: 0 $sidenav-padding-right;
+    line-height: $sidenav-item-height;
     &:hover, &.active { background-color: #ddd; }
   }
   a {
     color: #444;
     display: block;
     font-size: 1rem;
-    height: 64px;
-    line-height: 64px;
+    height: $sidenav-item-height;
+    line-height: $sidenav-item-height;
     padding: 0 $sidenav-padding-right;
   }
 }

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

@@ -80,7 +80,7 @@
       margin: 0 12px;
       background-color: $slider-bg-color-light;
 
-      @include transition(background-color .3s);
+      transition: background-color .3s;
       border-radius: 50%;
 
       &.active {

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

@@ -1,7 +1,7 @@
 .tabs {
-  @include flexbox();
+  display: flex;
   position: relative;
-  overflow-x: scroll;
+  overflow-x: auto;
   overflow-y: hidden;
   height: 48px;
   background-color: $tabs-bg-color;
@@ -35,7 +35,7 @@
       height: 100%;
       text-overflow: ellipsis;
       overflow: hidden;
-      @include transition( color .28s ease);
+      transition: color .28s ease;
       &:hover {
         color: lighten($tabs-text-color, 20%);
       }
@@ -53,4 +53,4 @@
     background-color: $tabs-underline-color;
     will-change: left, right;
   }
-}
+}

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

@@ -8,16 +8,14 @@
     bottom: 0%;
   }
   @media #{$medium-only} {
-    min-width: 30%;
     left: 5%;
-    right: 5%;
     bottom: 7%;
+    max-width: 90%;
   }
   @media #{$large-and-up} {
-    min-width: 8%;
     top: 10%;
     right: 7%;
-    left: 7%;
+    max-width: 86%;
   }
 }
 
@@ -40,9 +38,9 @@
   font-weight: 300;
   color: $toast-text-color;
 
-  @include flexbox();
-  @include align(center);
-  @include justify-content(space-between);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 
   .btn, .btn-flat {
     margin: 0;
@@ -64,4 +62,4 @@
     float: right;
   }
 
-}
+}

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

@@ -27,7 +27,7 @@
   border-radius: 0 0 14px 14px;
   background-color: #323232;
   z-index: -1;
-  @include transform-origin( 50% 10%);
+  transform-origin: 50% 10%;
 
   will-change: transform, opacity;
 }

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

@@ -107,6 +107,7 @@ $navbar-brand-font-size: 2.1rem !default;
 /*** SideNav ***/
 $sidenav-bg-color: #fff !default;
 $sidenav-padding-right: 15px !default;
+$sidenav-item-height: 64px !default;
 
 /*** Photo Slider ***/
 $slider-bg-color: color('grey', 'base') !default;

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

@@ -34,7 +34,7 @@
     // text-decoration: none;
     z-index: 1;
     will-change: opacity, transform;
-    @include transition(all .3s ease-out);
+    transition: all .3s ease-out;
 
     .waves-ripple {
         position: absolute;
@@ -51,12 +51,9 @@
         // background: -o-radial-gradient($gradient);
         // background: -moz-radial-gradient($gradient);
         // background: radial-gradient($gradient);
-        @include transition(all 0.7s ease-out);
-        -webkit-transition-property: -webkit-transform, opacity;
-        -moz-transition-property: -moz-transform, opacity;
-        -o-transition-property: -o-transform, opacity;
+        transition: all 0.7s ease-out;
         transition-property: transform, opacity;
-        @include transform(scale(0));
+        transform: scale(0);
         pointer-events: none;
     }
 
@@ -96,11 +93,11 @@
 }
 
 .waves-notransition {
-    @include transition(none #{"!important"});
+    transition: none #{"!important"};
 }
 
 .waves-circle {
-    @include transform(translateZ(0));
+    transform: translateZ(0);
     -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
 }
 

data/app/assets/stylesheets/materialize/components/date_picker/_default.date.scss

@@ -209,7 +209,7 @@
 
 //  Circle background
    border-radius: 50%;
-  @include transform(scale(.75));
+  transform: scale(.75);
   background: #0089ec;
   color: #ffffff;
 }
@@ -394,7 +394,7 @@
 .picker--focused .picker__day--selected {
   // Circle background
   border-radius: 50%;
-  @include transform(scale(.9));
+  transform: scale(.9);
   background-color: $datepicker-selected;
   &.picker__day--outfocus {
     background-color: $datepicker-selected-outfocus;

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

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

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.97.3"
+    VERSION = "0.97.4"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.97.3
+  version: 0.97.4
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-11-17 00:00:00.000000000 Z
+date: 2015-12-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -70,18 +70,23 @@ files:
 - app/assets/fonts/material-design-icons/Material-Design-Icons.ttf
 - app/assets/fonts/material-design-icons/Material-Design-Icons.woff
 - app/assets/fonts/material-design-icons/Material-Design-Icons.woff2
+- app/assets/fonts/roboto/Roboto-Bold.eot
 - app/assets/fonts/roboto/Roboto-Bold.ttf
 - app/assets/fonts/roboto/Roboto-Bold.woff
 - app/assets/fonts/roboto/Roboto-Bold.woff2
+- app/assets/fonts/roboto/Roboto-Light.eot
 - app/assets/fonts/roboto/Roboto-Light.ttf
 - app/assets/fonts/roboto/Roboto-Light.woff
 - app/assets/fonts/roboto/Roboto-Light.woff2
+- app/assets/fonts/roboto/Roboto-Medium.eot
 - app/assets/fonts/roboto/Roboto-Medium.ttf
 - app/assets/fonts/roboto/Roboto-Medium.woff
 - app/assets/fonts/roboto/Roboto-Medium.woff2
+- app/assets/fonts/roboto/Roboto-Regular.eot
 - app/assets/fonts/roboto/Roboto-Regular.ttf
 - app/assets/fonts/roboto/Roboto-Regular.woff
 - app/assets/fonts/roboto/Roboto-Regular.woff2
+- app/assets/fonts/roboto/Roboto-Thin.eot
 - app/assets/fonts/roboto/Roboto-Thin.ttf
 - app/assets/fonts/roboto/Roboto-Thin.woff
 - app/assets/fonts/roboto/Roboto-Thin.woff2
@@ -104,6 +109,7 @@ files:
 - app/assets/javascripts/materialize/global.js
 - app/assets/javascripts/materialize/hammer.min.js
 - app/assets/javascripts/materialize/init.js
+- app/assets/javascripts/materialize/initial.js
 - app/assets/javascripts/materialize/jquery.easing.1.3.js
 - app/assets/javascripts/materialize/jquery.hammer.js
 - app/assets/javascripts/materialize/jquery.timeago.min.js
@@ -179,7 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.4
+rubygems_version: 2.4.8
 signing_key: 
 specification_version: 4
 summary: Materialzecss sass for rails.