materialize-sass 0.97.6 → 0.97.7

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

@@ -1,6 +1,6 @@
 .side-nav {
   position: fixed;
-  width: 240px;
+  width: 300px;
   left: 0;
   top: 0;
   margin: 0;
@@ -42,10 +42,11 @@
   a {
     color: $sidenav-font-color;
     display: block;
-    font-size: 1rem;
+    font-size: $sidenav-font-size;
+    font-weight: 500;
     height: $sidenav-item-height;
     line-height: $sidenav-item-height;
-    padding: 0 $sidenav-padding-right;
+    padding: 0 ($sidenav-padding * 2);
 
     &:hover { background-color: rgba(0,0,0,.05);}
 
@@ -62,6 +63,80 @@
     &.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;
+    line-height: $sidenav-item-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;
+  }
+
+  .subheader {
+    &:hover {
+      background-color: transparent;
+    }
+
+    cursor: initial;
+    pointer-events: none;
+    color: rgba(0,0,0,.54);
+    font-size: $sidenav-font-size;
+    font-weight: 500;
+    line-height: $sidenav-item-height;
+  }
+
+  .userView {
+    overflow: hidden;
+    position: relative;
+    padding: ($sidenav-padding * 2) ($sidenav-padding * 2) 0;
+    margin-bottom: $sidenav-padding / 2;
+
+    a {
+      &:hover { background-color: transparent; }
+      height: auto;
+      padding: 0;
+    }
+
+    .background {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: -1;
+    }
+
+    .circle, .name, .email {
+      display: block;
+    }
+
+    .circle {
+      height: 64px;
+      width: 64px;
+    }
+
+    .name,
+    .email {
+      font-weight: $sidenav-font-size;
+      line-height: 24px;
+    }
+
+    .name {
+      margin-top: 16px;
+      font-weight: 500;
+    }
+
+    .email {
+      padding-bottom: 16px;
+      font-weight: 400;
+    }
+  }
 }
 
 
@@ -79,7 +154,7 @@
 .side-nav.fixed {
   a {
     display: block;
-    padding: 0 $sidenav-padding-right;
+    padding: 0 $sidenav-padding;
     color: $sidenav-font-color;
   }
 }
@@ -100,11 +175,21 @@
 
 // Fixed sideNav hide on smaller
 @media #{$medium-and-down} {
-  .side-nav.fixed {
-    transform: translateX(-105%);
+  .side-nav {
+    &.fixed {
+      transform: translateX(-105%);
+
+      &.right-aligned {
+        transform: translateX(105%);
+      }
+    }
+
+    a {
+      padding: 0 $sidenav-padding;
+    }
 
-    &.right-aligned {
-      transform: translateX(105%);
+    .userView {
+      padding: $sidenav-padding $sidenav-padding 0;
     }
   }
 }

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

@@ -1,22 +1,21 @@
 .material-tooltip {
-    padding: 10px 8px;
-    font-size: 1rem;
-    z-index: 2000;
-    background-color: transparent;
-    border-radius: 2px;
-    color: #fff;
-    min-height: 36px;
-    line-height: 120%;
-    opacity: 0;
-    display: none;
-    position: absolute;
-    text-align: center;
-    max-width: calc(100% - 4px);
-    overflow: hidden;
-    left:0;
-    top:0;
-    pointer-events: none;
-    will-change: top, left;
+  padding: 10px 8px;
+  font-size: 1rem;
+  z-index: 2000;
+  background-color: transparent;
+  border-radius: 2px;
+  color: #fff;
+  min-height: 36px;
+  line-height: 120%;
+  opacity: 0;
+  display: none;
+  position: absolute;
+  text-align: center;
+  max-width: calc(100% - 4px);
+  overflow: hidden;
+  left: 0;
+  top: 0;
+  pointer-events: none;
 }
 
 .backdrop {
@@ -25,10 +24,9 @@
   display: none;
   height: 7px;
   width: 14px;
-  border-radius: 0 0 14px 14px;
+  border-radius: 0 0 50% 50%;
   background-color: #323232;
   z-index: -1;
-  transform-origin: 50% 10%;
-
-  will-change: transform, opacity;
+  transform-origin: 50% 0%;
+  transform: translate3d(0,0,0);
 }

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

@@ -107,13 +107,16 @@ $collapsible-border-color: #ddd !default;
    ========================================================================== */
 
 $chip-bg-color: #e4e4e4 !default;
+$chip-border-color: #9e9e9e !default;
+$chip-selected-color: #26a69a !default;
+$chip-margin: 5px !default;
 
 
 /* 7. Date Picker
    ========================================================================== */
 
-$datepicker-weekday-bg: darken($secondary_color, 7%) !default;
-$datepicker-date-bg: $secondary_color !default;
+$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;
@@ -147,7 +150,7 @@ $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 15px 0 !default;
+$input-margin: 0 0 20px 0 !default;
 $input-padding: 0 !default;
 $input-transition: all .3s !default;
 $label-font-size: .8rem !default;
@@ -215,17 +218,18 @@ $element-bottom-margin: ($gutter-width*2)/3 !default;
 
 $navbar-height: 64px !default;
 $navbar-height-mobile: 56px !default;
+$navbar-font-size: 1rem !default;
 $navbar-font-color: #fff !default;
 $navbar-brand-font-size: 2.1rem !default;
 
-
 /* 14. Side Navigation
    ========================================================================== */
 
-$sidenav-font-color: #444 !default;
+$sidenav-font-size: 14px !default;
+$sidenav-font-color: rgba(0,0,0,.87) !default;
 $sidenav-bg-color: #fff !default;
-$sidenav-padding-right: 30px !default;
-$sidenav-item-height: 64px !default;
+$sidenav-padding: 16px !default;
+$sidenav-item-height: 48px !default;
 
 
 /* 15. Photo Slider

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

@@ -90,6 +90,10 @@
         background: none;
     }
 
+    img {
+        position: relative;
+        z-index: -1;
+    }
 }
 
 .waves-notransition {
@@ -168,6 +172,6 @@
 }
 
 /* Firefox Bug: link not triggered */
-a.waves-effect .waves-ripple {
+.waves-effect .waves-ripple {
     z-index: -1;
 }

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

@@ -115,7 +115,7 @@ textarea.materialize-textarea {
     display: block;
     content: "";
     position: absolute;
-    top: 65px;
+    top: 60px;
     opacity: 0;
     transition: .2s opacity ease-out, .2s color ease-out;
   }
@@ -165,13 +165,13 @@ textarea.materialize-textarea {
   .prefix ~ input,
   .prefix ~ textarea,
   .prefix ~ label,
-  .prefix ~ .validate ~ label {
+  .prefix ~ .validate ~ label,
+  .prefix ~ .autocomplete-content {
     margin-left: 3rem;
     width: 92%;
     width: calc(100% - 3rem);
   }
 
-  .prefix ~ textarea { padding-top: .8rem; }
   .prefix ~ label { margin-left: 3rem; }
 
   @media #{$medium-and-down} {
@@ -238,7 +238,7 @@ textarea {
 
   &.materialize-textarea {
     overflow-y: hidden; /* prevents scroll bar flash */
-    padding: 1.6rem 0; /* prevents text jump on Enter keypress */
+    padding: .8rem 0 1.6rem 0; /* prevents text jump on Enter keypress */
     resize: none;
     min-height: $input-height;
   }
@@ -252,3 +252,22 @@ textarea {
   overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
   padding-top: 1.2rem; /* prevents text jump on Enter keypress */
 }
+
+
+/* Autocomplete */
+.autocomplete-content {
+  margin-top: -15px;
+  display: block;
+  opacity: 1;
+  position: static;
+
+  li {
+    .highlight { color: #444; }
+
+    img {
+      height: $dropdown-item-height - 10;
+      width: $dropdown-item-height - 10;
+      margin: 5px 15px;
+    }
+  }
+}

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.97.6"
+    VERSION = "0.97.7"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.97.6
+  version: 0.97.7
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-13 00:00:00.000000000 Z
+date: 2016-08-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -186,7 +186,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.6.6
 signing_key: 
 specification_version: 4
 summary: Materialzecss sass for rails.