materialize-sass 0.95.3.3 → 0.95.3.4

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

@@ -5,7 +5,7 @@
 
   &:hover {
     &:not(.active) {
-      @include opacity(0.8);
+      opacity: .8;
     }
     will-change: left, top, width, height;
   }
@@ -31,9 +31,8 @@
   display: none;
   color: #fff;
   line-height: 50px;
-  bottom: 0px;
+  bottom: 0;
   width: 100%;
-  box-sizing: border-box;
   text-align: center;
   padding: 0% 15%;
   height: 50px;

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

@@ -13,7 +13,7 @@
   overflow-y: auto;
   z-index: 1000;
 
-  @include border-radius(2px);
+  border-radius: 2px;
   @include transform(translate(0));
   will-change: top, opacity;
 
@@ -30,7 +30,7 @@
   }
 
   .modal-footer {
-    @include border-radius(0 0 2px 2px);
+    border-radius: 0 0 2px 2px;
     background-color: #eee;
     padding: 4px 6px;
     height: 56px;
@@ -84,6 +84,6 @@
   margin: 0;
   width: 100%;
   max-height: 45%;
-  @include border-radius(0);
+  border-radius: 0;
   will-change: bottom, opacity;
 }

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

@@ -5,7 +5,6 @@ nav {
   width: 100%;
   height: $navbar-height-mobile;
   line-height: $navbar-height-mobile;
-  overflow: hidden;
 
   a { color: #fff; }
 
@@ -24,12 +23,11 @@ nav {
 
 
   // Collapse button
-  a.button-collapse {
+  .button-collapse {
     float: left;
     position: relative;
     z-index: 1;
     height: $navbar-height-mobile;
-    color: #fff;
 
     i {
 
@@ -74,7 +72,7 @@ nav {
     li {
       @include transition(background-color .3s);
       float: left;
-      padding: 0px;
+      padding: 0;
 
       &:hover, &.active {
         background-color: rgba(0,0,0,.1);
@@ -84,7 +82,7 @@ nav {
       font-size: 1rem;
       color: #fff;
       display: inline-block;
-      padding: 0px 15px;
+      padding: 0 15px;
     }
 
     &.left {
@@ -101,12 +99,11 @@ nav {
       font-size: 1.2rem;
       border: none;
       padding-left: 2rem;
-      @include box-sizing(border-box);
 
       &:focus, &[type=text]:valid, &[type=password]:valid,
       &[type=email]:valid, &[type=url]:valid, &[type=date]:valid {
         border: none;
-        @include box-shadow(none);
+        box-shadow: none;
       }
     }
     label {

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

@@ -15,8 +15,6 @@
 //          animation-play-state($state)
 //          animation-timing-function($function)
 //      background-size($args)
-//      border-radius($args)
-//      box-shadow($args)
 //          inner-shadow($args) *
 //      box-sizing($args)
 //          border-box() *
@@ -34,7 +32,6 @@
 //      gradient($default,$start,$stop) *
 //          linear-gradient-top($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*
 //          linear-gradient-left($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*
-//      opacity($factor)
 //      transform($args)
 //          transform-origin($args)
 //          transform-style($style)
@@ -145,30 +142,6 @@
     background-size: $args;
 }
 
-
-// Border Radius
-
-@mixin border-radius($args) {
-    -webkit-border-radius: $args;
-    -moz-border-radius: $args;
-    border-radius: $args;
-
-    background-clip: padding-box;
-}
-
-
-// Box Shadows
-
-@mixin box-shadow($args) {
-    -webkit-box-shadow: $args;
-    -moz-box-shadow: $args;
-    box-shadow: $args;
-}
-@mixin inner-shadow($args) {
-    @include box-shadow(inset $args);
-}
-
-
 // Box Sizing
 
 @mixin box-sizing($args) {
@@ -312,19 +285,6 @@
     background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
 }
 
-
-// Opacity
-
-@mixin opacity($factor) {
-    $iefactor: $factor*100;
-    -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
-	filter: "alpha(opacity=(${iefactor}))";
-    -moz-opacity: $factor;
-    -khtml-opacity: $factor;
-    opacity: $factor;
-}
-
-
 // Text Shadow
 
 @mixin text-shadow($args) {

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

@@ -62,7 +62,7 @@
   position: absolute;
   width: 100%;
   height: 100%;
-  @include opacity(0);
+  opacity: 0;
 }
 
 .spinner-blue,
@@ -127,7 +127,7 @@
 .active .spinner-layer.spinner-yellow-only,
 .active .spinner-layer.spinner-green-only {
   /* durations: 4 * ARCTIME */
-  @include opacity(1);
+  opacity: 1;
   -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
   animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
 }
@@ -226,7 +226,6 @@
  */
 .gap-patch {
   position: absolute;
-  box-sizing: border-box;
   top: 0;
   left: 45%;
   width: 10%;
@@ -250,7 +249,6 @@
 
   .circle {
     width: 200%;
-    box-sizing: border-box;
     height: 100%;
     border-width: 3px; /* STROKEWIDTH */
     border-style: solid;

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

@@ -1,4 +1,4 @@
-ul.side-nav {
+.side-nav {
   position: fixed;
   width: 240px;
   left: -105%;
@@ -48,7 +48,7 @@ ul.side-nav {
 
 
 // Hidden side-nav for all sizes
-ul.side-nav.fixed {
+.side-nav.fixed {
   a {
     display: block;
     padding: 0 15px;
@@ -58,7 +58,7 @@ ul.side-nav.fixed {
 
 
 // Fixed side-nav shown
-ul.side-nav.fixed {
+.side-nav.fixed {
   left: 0;
   position: fixed;
 
@@ -71,7 +71,7 @@ ul.side-nav.fixed {
 
 // Fixed sideNav hide on smaller
 @media #{$medium-and-down} {
-  ul.side-nav.fixed {
+  .side-nav.fixed {
     left: -105%;
 
     &.right-aligned {
@@ -82,8 +82,8 @@ ul.side-nav.fixed {
 }
 
 
-ul.side-nav .collapsible-body li.active,
-ul.side-nav.fixed .collapsible-body li.active {
+.side-nav .collapsible-body li.active,
+.side-nav.fixed .collapsible-body li.active {
   background-color: $primary-color;
   a {
     color: #fff;
@@ -93,9 +93,9 @@ ul.side-nav.fixed .collapsible-body li.active {
 
 #sidenav-overlay {
   position: fixed;
-  top: 0px;
-  left: 0px;
-  right: 0px;
+  top: 0;
+  left: 0;
+  right: 0;
 
   height: 120vh;
   background-color: rgba(0,0,0,.5);

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

@@ -23,13 +23,13 @@
     }
   }
 
-  ul.slides {
+  .slides {
     background-color: color('grey', 'base');
     margin: 0;
     height: 400px;
 
     li {
-      @include opacity(0);
+      opacity: 0;
       position: absolute;
       top: 0;
       left: 0;
@@ -51,7 +51,7 @@
         top: 15%;
         left: 15%;
         width: 70%;
-        @include opacity(0);
+        opacity: 0;
 
         p { color: color('grey', 'lighten-2'); }
       }
@@ -63,7 +63,7 @@
   }
 
 
-  ul.indicators {
+  .indicators {
     position: absolute;
     text-align: center;
     left: 0;
@@ -71,7 +71,7 @@
     bottom: 0;
     margin: 0;
 
-    li.indicator-item {
+    .indicator-item {
       display: inline-block;
       position: relative;
       cursor: pointer;
@@ -81,7 +81,7 @@
       background-color: color('grey', 'lighten-2');
 
       @include transition(background-color .3s);
-      @include border-radius(50%);
+      border-radius: 50%;
 
       &.active {
         background-color: color('green', 'base');

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

@@ -1,7 +1,7 @@
 /***************
     Nav List
 ***************/
-ul.table-of-contents {
+.table-of-contents {
   &.fixed {
       position: fixed;
     }

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

@@ -6,7 +6,7 @@
   width: 100%;
   white-space: nowrap;
 
-  li.tab {
+  .tab {
     display: block;
     float: left;
     text-align: center;
@@ -39,5 +39,5 @@
   }
 }
 
-ul.tabs li.tab { padding: 0; }
+.tabs .tab { padding: 0; }
 

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

@@ -21,9 +21,8 @@
 
 .toast {
   @extend .z-depth-1;
-  @include border-radius(2px);
-  @include box-sizing(border-box);
-  top: 0px;
+  border-radius: 2px;
+  top: 0;
   width: auto;
   clear: both;
   margin-top: 10px;
@@ -32,7 +31,7 @@
   height: $toast-height;
   line-height: $toast-height;
   background-color: $toast-color;
-  padding: 0px 25px;
+  padding: 0 25px;
   font-size: 1.1rem;
   font-weight: 300;
   color: $toast-text-color;
@@ -52,7 +51,7 @@
 
   @media #{$small-and-down} {
     width:100%;
-    @include border-radius(0px);
+    border-radius: 0;
   }
   @media #{$medium-only} {
     float: left;

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

@@ -3,7 +3,7 @@
     font-size: 1rem;
     z-index: 1000;
     background-color: transparent;
-    @include border-radius(2px);
+    border-radius: 2px;
     color: #fff;
     min-height: 36px;
     line-height: 1rem;
@@ -25,7 +25,7 @@
   display: none;
   height: 7px;
   width: 14px;
-  @include border-radius(0 0 14px 14px);
+  border-radius: 0 0 14px 14px;
   background-color: #323232;
   z-index: -1;
   @include transform-origin( 50% 10%);

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

@@ -31,37 +31,26 @@
 .picker__select--month,
 .picker__select--year {
 
-
-//  border: 1px solid #b7b7b7;
-
   height: 2em;
-  padding: .5em;
+  padding: 0;
   margin-left: .25em;
   margin-right: .25em;
 }
-@media (min-width: 24.5em) {
-  .picker__select--month,
-  .picker__select--year {
-    margin-top: -0.5em;
-  }
-}
 
+// Modified
 .picker__select--month.browser-default {
   display: inline;
   background-color: #FFFFFF;
   width: 40%;
 }
-
 .picker__select--year.browser-default {
   display: inline;
   background-color: #FFFFFF;
   width: 25%;
 }
-
 .picker__select--month:focus,
 .picker__select--year:focus {
-  // border-color: #0089ec;
-  border-color: rgba(0, 0, 0, 0.05);
+  border-color: $datepicker-focus;
 }
 /**
  * The month navigation buttons.
@@ -100,13 +89,6 @@
 //  }
 //}
 
-// .picker__nav--prev:hover,
-// .picker__nav--next:hover {
-//   cursor: pointer;
-//   color: #000000;
-//   background: #b1dcfb;
-// }
-
 .picker__nav--disabled,
 .picker__nav--disabled:hover,
 .picker__nav--disabled:before,
@@ -190,7 +172,6 @@
 }
 
 
-
 .picker__day--infocus:hover{
   cursor: pointer;
   color: #000;
@@ -198,7 +179,7 @@
 }
 
 .picker__day--outfocus {
-
+  display: none;
   padding: .75rem 0;
   color: #fff;
 
@@ -217,7 +198,7 @@
 .picker__day--highlighted:hover,
 .picker--focused .picker__day--highlighted {
   cursor: pointer;
-  // color: #000000;
+//  color: #000000;
 //  background: #b1dcfb;
 //  font-weight: 500;
 }
@@ -229,8 +210,6 @@
 //  Circle background
    border-radius: 50%;
   @include transform(scale(.75));
-
-
   background: #0089ec;
   color: #ffffff;
 }
@@ -279,7 +258,7 @@
 .picker__button--clear:focus,
 .picker__button--close:focus {
   background: #b1dcfb;
-  border-color: rgba(0, 0, 0, 0.05);
+  border-color: $datepicker-focus;
   outline: none;
 }
 .picker__button--today:before,
@@ -334,21 +313,21 @@
 
 .picker__date-display {
   text-align: center;
-  background-color: color("teal", "lighten-1");
+  background-color: $datepicker-date-bg;
   color: #fff;
   padding-bottom: 15px;
   font-weight: 300;
 }
 
-.picker__nav--prev:hover, .picker__nav--next:hover {
+.picker__nav--prev:hover,
+.picker__nav--next:hover {
   cursor: pointer;
   color: #000000;
-  background: #a1ded8;
+  background: $datepicker-selected-outfocus;
 }
 
 .picker__weekday-display {
-  // background-color: color("teal", "darken-1");
-  background-color: #1f897f;
+  background-color: $datepicker-weekday-bg;
   padding: 10px;
   font-weight: 200;
   letter-spacing: .5;
@@ -367,8 +346,7 @@
 }
 .picker__year-display {
   font-size: 1.8rem;
-  // color: color("teal", "lighten-3");
-  color: rgba(255, 255, 255, 0.4);
+  color: $datepicker-year;
 }
 
 .picker__box {
@@ -398,7 +376,7 @@
 
 //Today style
 .picker__day.picker__day--today {
-  color: color("teal", "lighten-1");
+  color: $datepicker-selected;
 }
 
 .picker__day.picker__day--today.picker__day--selected {
@@ -411,17 +389,15 @@
 }
 
 
-.picker__day--selected, .picker__day--selected:hover,
+.picker__day--selected,
+.picker__day--selected:hover,
 .picker--focused .picker__day--selected {
   // Circle background
   border-radius: 50%;
   @include transform(scale(.9));
-  // background-color: color("teal", "base");
-  background-color: #26a69a;
-  &.picker__day--outfocus,
-  &:hover.picker__day--outfocus,
+  background-color: $datepicker-selected;
   &.picker__day--outfocus {
-    background-color: #a1ded8;
+    background-color: $datepicker-selected-outfocus;
   }
   color: #ffffff;
 }
@@ -435,7 +411,7 @@
 .picker__close, .picker__today {
   font-size: 1.1rem;
   padding: 0 1rem;
-  color: color("teal", "lighten-1");
+  color: $datepicker-selected;
 }
 
 //month nav buttons
@@ -454,9 +430,6 @@
   border-right: 0;
   border-left: 0.75em solid #676767;
 }
-
-button.picker__today:focus,
-button.picker__clear:focus,
-button.picker__close:focus {
-  background-color: #a1ded8;
+button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
+  background-color: $datepicker-selected-outfocus;
 }