materialize-sass 1.0.0.alpha3 → 1.0.0.alpha4

data/assets/stylesheets/materialize/components/_datepicker.scss

@@ -55,7 +55,7 @@
 
 /* Date Display */
 .datepicker-date-display {
-  flex: 1;
+  flex: 1 auto;
   background-color: $secondary-color;
   color: #fff;
   padding: 20px 22px;
@@ -79,7 +79,7 @@
 
 /* Calendar */
 .datepicker-calendar-container {
-  flex: 2.5;
+  flex: 2.5 auto;
 }
 
 .datepicker-table {

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

@@ -12,7 +12,9 @@
   overflow-y: auto;
   opacity: 0;
   position: absolute;
-  z-index: 999;
+  left: 0;
+  top: 0;
+  z-index: 9999; // TODO: Check if this doesn't break other things
   transform-origin: 0 0;
 
 

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

@@ -329,6 +329,16 @@ ul.staggered-list li {
     display: none !important;
   }
 }
+.hide-on-extra-large-only {
+  @media #{$extra-large-and-up} {
+    display: none !important;
+  }
+}
+.show-on-extra-large {
+  @media #{$extra-large-and-up} {
+    display: block !important;
+  }
+}
 .show-on-large {
   @media #{$large-and-up} {
     display: block !important;
@@ -489,7 +499,7 @@ td, th{
       min-height: 1.25em;
       text-align: left;
     }
-    tr { 
+    tr {
       border-bottom: none;
       padding: 0 10px;
     }

data/assets/stylesheets/materialize/components/_sidenav.scss

@@ -180,7 +180,7 @@
       }
     }
 
-    a {
+    > a {
       padding: 0 $sidenav-padding;
     }
 

data/assets/stylesheets/materialize/components/_timepicker.scss

@@ -17,7 +17,7 @@
 
 /* Clock Digital Display */
 .timepicker-digital-display {
-  flex: 1;
+  flex: 1 auto;
   background-color: $secondary-color;
   padding: 10px;
   font-weight: 300;
@@ -58,7 +58,7 @@
 
 /* Analog Clock Display */
 .timepicker-analog-display {
-  flex: 2.5;
+  flex: 2.5 auto;
 }
 
 .timepicker-plate {

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

@@ -57,10 +57,10 @@ $badge-height: 22px !default;
 // Shared styles
 $button-border: none !default;
 $button-background-focus: lighten($secondary-color, 4%) !default;
-$button-font-size: 1rem !default;
+$button-font-size: 14px !default;
 $button-icon-font-size: 1.3rem !default;
 $button-height: 36px !default;
-$button-padding: 0 2rem !default;
+$button-padding: 0 16px !default;
 $button-radius: 2px !default;
 
 // Disabled styles
@@ -73,8 +73,16 @@ $button-raised-background-hover: lighten($button-raised-background, 5%) !default
 $button-raised-color: #fff !default;
 
 // Large buttons
+$button-large-font-size: 15px !default;
 $button-large-icon-font-size: 1.6rem !default;
 $button-large-height: $button-height * 1.5 !default;
+$button-floating-large-size: 56px !default;
+
+// Small buttons
+$button-small-font-size: 13px !default;
+$button-small-icon-font-size: 1.2rem !default;
+$button-small-height: $button-height * .9 !default;
+$button-floating-small-size: $button-height * .9 !default;
 
 // Flat buttons
 $button-flat-color: #343434 !default;
@@ -85,7 +93,6 @@ $button-floating-background: $secondary-color !default;
 $button-floating-background-hover: $button-floating-background !default;
 $button-floating-color: #fff !default;
 $button-floating-size: 40px !default;
-$button-floating-large-size: 56px !default;
 $button-floating-radius: 50% !default;
 
 
@@ -172,6 +179,7 @@ $input-disabled-color: rgba(0,0,0, .42) !default;
 $input-disabled-solid-color: #949494 !default;
 $input-disabled-border: 1px dotted $input-disabled-color !default;
 $input-invalid-border: 1px solid $input-error-color !default;
+$input-icon-size: 2rem;
 $placeholder-text-color: lighten($input-border-color, 20%) !default;
 
 // Radio Buttons

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

@@ -212,8 +212,9 @@ textarea.materialize-textarea {
   .prefix {
     position: absolute;
     width: $input-height;
-    font-size: 2rem;
+    font-size: $input-icon-size;
     transition: color .2s;
+    top: ($input-height - $input-icon-size) / 2;
 
     &.active { color: $input-focus-color; }
   }
@@ -222,6 +223,7 @@ textarea.materialize-textarea {
   .prefix ~ textarea,
   .prefix ~ label,
   .prefix ~ .validate ~ label,
+  .prefix ~ .helper-text,
   .prefix ~ .autocomplete-content {
     margin-left: 3rem;
     width: 92%;
@@ -285,7 +287,7 @@ textarea.materialize-textarea {
     right: 1rem;
     color: transparent;
     cursor: pointer;
-    font-size: 2rem;
+    font-size: $input-icon-size;
     transition: .3s color;
   }
 }
@@ -328,7 +330,6 @@ textarea {
 .autocomplete-content {
   margin-top: -1 * $input-margin-bottom;
   margin-bottom: $input-margin-bottom;
-  display: block;
   opacity: 1;
   position: static;
 

data/assets/stylesheets/materialize/components/forms/_select.scss

@@ -21,7 +21,7 @@ select {
     width: 0;
     pointer-events: none;
     height: 0;
-    top: 0;
+    bottom: 0;
     left: 0;
     opacity: 0;
   }
@@ -48,7 +48,8 @@ select {
   }
 
   &.invalid {
-    & > input.select-dropdown {
+    & > input.select-dropdown,
+    & > input.select-dropdown:focus {
       @extend %invalid-input-style;
     }
 

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

@@ -1,5 +1,5 @@
 /*!
- * Materialize v1.0.0-alpha.3 (http://materializecss.com)
+ * Materialize v1.0.0-alpha.4 (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 = "1.0.0.alpha3"
+    VERSION = "1.0.0.alpha4"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 1.0.0.alpha3
+  version: 1.0.0.alpha4
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-30 00:00:00.000000000 Z
+date: 2018-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler