materialize-sass 0.97.1 → 0.97.2

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

@@ -1,5 +1,5 @@
 @font-face {
-    font-family: "Roboto";
+    font-family: "Roboto-Thin";
     src: local(Roboto Thin),
         font-url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
         font-url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"),
@@ -7,7 +7,7 @@
     font-weight: 200;
 }
 @font-face {
-    font-family: "Roboto";
+    font-family: "Roboto-Light";
     src: local(Roboto Light),
         font-url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
         font-url("#{$roboto-font-path}Roboto-Light.woff") format("woff"),
@@ -26,7 +26,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: "Roboto-Medium";
     src: 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");
@@ -34,7 +34,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: "Roboto-Bold";
     src: 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");

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

@@ -17,17 +17,22 @@
     text-align: center;
     line-height: 48px;
     height: 48px;
-    padding: 0 20px;
+    padding: 0;
     margin: 0;
     text-transform: uppercase;
+    text-overflow: ellipsis;
+    overflow: hidden;
     letter-spacing: .8px;
     width: 15%;
+    min-width: 80px;
 
     a {
       color: $tabs-text-color;
       display: block;
       width: 100%;
       height: 100%;
+      text-overflow: ellipsis;
+      overflow: hidden;
       @include transition( color .28s ease);
       &:hover {
         color: lighten($tabs-text-color, 20%);
@@ -48,5 +53,22 @@
   }
 }
 
-.tabs .tab { padding: 0; }
+.hide-tab-scrollbar {
+  position: relative;
+  height: 48px;
+  overflow: hidden;
+
+  .tabs {
+    overflow-x: scroll;
+    overflow-y: hidden;
+  }
+}
 
+// Hacky way to find scrollbar width or height.
+.scrollbar-measure {
+  width: 100px;
+  height: 100px;
+  overflow: scroll;
+  position: absolute;
+  top: -9999px;
+}

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

@@ -10,12 +10,14 @@
   @media #{$medium-only} {
     min-width: 30%;
     left: 5%;
+    right: 5%;
     bottom: 7%;
   }
   @media #{$large-and-up} {
     min-width: 8%;
     top: 10%;
     right: 7%;
+    left: 7%;
   }
 }
 
@@ -28,10 +30,12 @@
   margin-top: 10px;
   position: relative;
   max-width:100%;
-  height: $toast-height;
-  line-height: $toast-height;
+  height: auto;
+  min-height: $toast-height;
+  line-height: 1.5em;
+  word-break: break-all;
   background-color: $toast-color;
-  padding: 0 25px;
+  padding: 10px 25px;
   font-size: 1.1rem;
   font-weight: 300;
   color: $toast-text-color;
@@ -60,4 +64,4 @@
     float: right;
   }
 
-}
+}

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

@@ -6,16 +6,15 @@
     border-radius: 2px;
     color: #fff;
     min-height: 36px;
-    line-height: 1rem;
-    // max-width: 350px;
+    line-height: 120%;
     opacity: 0;
     display: none;
     position: absolute;
     text-align: center;
+    max-width: calc(100% - 4px);
     overflow: hidden;
     left:0;
     top:0;
-
     will-change: top, left;
 }
 

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

@@ -34,10 +34,22 @@ $collapsible-height: 3rem !default;
 $collapsible-header-color: #fff !default;
 $collapsible-border-color: #ddd !default;
 
+/*** Chips ***/
+$chip-bg-color: #e4e4e4 !default;
+
+/*** Date Picker ***/
+$datepicker-weekday-bg: darken($secondary_color, 7%) !default;
+$datepicker-date-bg: $secondary_color !default;
+$datepicker-year: rgba(255, 255, 255, .4) !default;
+$datepicker-focus: rgba(0,0,0, .05) !default;
+$datepicker-selected: $secondary-color !default;
+$datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
+
 /*** Dropdown ***/
 $dropdown-bg-color: #fff !default;
 $dropdown-hover-bg-color: #eee !default;
 $dropdown-color: $secondary-color !default;
+$dropdown-item-height: 50px !default;
 
 /*** Fonts ***/
 $roboto-font-path: "roboto/" !default;
@@ -64,14 +76,6 @@ $switch-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !defau
 $switch-unchecked-bg: #F1F1F1 !default;
 $switch-unchecked-lever-bg: #818181 !default;
 
-// Date Picker
-$datepicker-weekday-bg: darken($secondary_color, 7%) !default;
-$datepicker-date-bg: $secondary_color !default;
-$datepicker-year: rgba(255, 255, 255, .4) !default;
-$datepicker-focus: rgba(0,0,0, .05) !default;
-$datepicker-selected: $secondary-color !default;
-$datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
-
 
 /*** Global ***/
 // Media Query Ranges
@@ -150,6 +154,7 @@ $collection-bg-color: #fff !default;
 $collection-active-bg-color: $secondary-color !default;
 $collection-active-color: lighten($secondary-color, 55%) !default;
 $collection-hover-bg-color: #ddd !default;
+$collection-link-color: $secondary-color !default;
 
 /* Progress Bar */
 $progress-bar-color: $secondary-color !default;

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

@@ -84,6 +84,15 @@
       background-color: rgba(0, 150, 136, 0.70);
     }
 
+    // Style input button bug.
+    input[type="button"], input[type="reset"], input[type="submit"] {
+        border: 0;
+        font-style: normal;
+        font-size: inherit;
+        text-transform: inherit;
+        background: none;
+    }
+
 }
 
 .waves-notransition {

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.97.1"
+    VERSION = "0.97.2"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.97.1
+  version: 0.97.2
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-17 00:00:00.000000000 Z
+date: 2015-11-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -87,6 +87,7 @@ files:
 - app/assets/fonts/roboto/Roboto-Thin.woff2
 - app/assets/javascripts/materialize-sprockets.js
 - app/assets/javascripts/materialize.js
+- app/assets/javascripts/materialize.min.js
 - app/assets/javascripts/materialize/animation.js
 - app/assets/javascripts/materialize/buttons.js
 - app/assets/javascripts/materialize/cards.js