materialize-sass 0.97.8 → 1.0.0.1

data/{app/assets → assets}/stylesheets/materialize/components/forms/_select.scss

@@ -1,10 +1,9 @@
 /* Select Field
    ========================================================================== */
 
-select { display: none; }
-select.browser-default { display: block; }
-
+select.browser-default { opacity: 1; }
 select {
+  opacity: 0;
   background-color: $select-background;
   width: 100%;
   padding: $select-padding;
@@ -18,9 +17,48 @@ select {
 }
 
 .select-wrapper {
+  &.valid .helper-text[data-success],
+  &.invalid ~ .helper-text[data-error] {
+    @extend %hidden-text;
+  }
+
+  &.valid {
+    & > input.select-dropdown {
+      @extend %valid-input-style;
+    }
+
+    & ~ .helper-text:after {
+      @extend %custom-success-message;
+    }
+  }
+
+  &.invalid {
+    & > input.select-dropdown,
+    & > input.select-dropdown:focus {
+      @extend %invalid-input-style;
+    }
+
+    & ~ .helper-text:after {
+      @extend %custom-error-message;
+    }
+  }
+
+  &.valid + label,
+  &.invalid + label {
+    width: 100%;
+    pointer-events: none;
+  }
+
+  & + label:after {
+    @extend %input-after-style;
+  }
+
   position: relative;
 
   input.select-dropdown {
+    &:focus {
+      border-bottom: 1px solid $input-focus-color;
+    }
     position: relative;
     cursor: pointer;
     background-color: transparent;
@@ -34,43 +72,56 @@ select {
     margin: $input-margin;
     padding: 0;
     display: block;
+    user-select:none;
+    z-index: 1;
   }
 
-  span.caret {
-    color: initial;
+  .caret {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
-    height: 10px;
     margin: auto 0;
-    font-size: 10px;
-    line-height: 10px;
-
-    &.disabled {
-      color: $input-disabled-color;
-    }
+    z-index: 0;
+    fill: rgba(0,0,0,.87);
   }
 
   & + label {
     position: absolute;
-    top: -14px;
+    top: -26px;
     font-size: $label-font-size;
   }
+
+  // Hide select with overflow hidden instead of using display none
+  // (this prevents form validation errors with hidden form elements)
+  .hide-select {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    z-index: -1;
+  }
 }
 
 // Disabled styles
 select:disabled {
-  color: rgba(0,0,0,.3);
+  color: $input-disabled-color;
+}
+
+.select-wrapper.disabled {
+  + label {
+    color: $input-disabled-color;
+  }
+  .caret {
+    fill: $input-disabled-color;
+  }
 }
 
 .select-wrapper input.select-dropdown:disabled {
-  color: rgba(0,0,0,.3);
+  color: $input-disabled-color;
   cursor: default;
-  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
-  -moz-user-select: none; /* mozilla browsers */
-  -ms-user-select: none; /* IE10+ */
-  border-bottom: 1px solid rgba(0,0,0,.3);
+  user-select: none;
 }
 
 .select-wrapper i {
@@ -84,6 +135,24 @@ select:disabled {
   background-color: transparent;
 }
 
+body.keyboard-focused {
+  .select-dropdown.dropdown-content li:focus {
+    background-color: $select-option-focus;
+  }
+}
+
+.select-dropdown.dropdown-content {
+  li {
+    &:hover {
+      background-color: $select-option-hover;
+    }
+
+    &.selected {
+      background-color: $select-option-selected;
+    }
+  }
+}
+
 // Prefix Icons
 .prefix ~ .select-wrapper {
   margin-left: 3rem;

data/{app/assets → assets}/stylesheets/materialize/components/forms/_switches.scss

@@ -3,10 +3,8 @@
 
 .switch,
 .switch * {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -ms-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
 }
 
 .switch label {
@@ -21,9 +19,12 @@
   &:checked + .lever {
     background-color: $switch-checked-lever-bg;
 
+    &:before, &:after {
+      left: 18px;
+    }
+
     &:after {
       background-color: $switch-bg-color;
-      left: 24px;
     }
   }
 }
@@ -32,8 +33,8 @@
   content: "";
   display: inline-block;
   position: relative;
-  width: 40px;
-  height: 15px;
+  width: 36px;
+  height: 14px;
   background-color: $switch-unchecked-lever-bg;
   border-radius: $switch-radius;
   margin-right: 10px;
@@ -41,35 +42,45 @@
   vertical-align: middle;
   margin: 0 16px;
 
-  &:after {
+  &:before, &:after {
     content: "";
     position: absolute;
     display: inline-block;
-    width: 21px;
-    height: 21px;
-    background-color: $switch-unchecked-bg;
-    border-radius: 21px;
-    box-shadow: 0 1px 3px 1px rgba(0,0,0,.4);
-    left: -5px;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    left: 0;
     top: -3px;
-    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
+    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
+  }
+
+  &:before {
+    background-color: transparentize($switch-bg-color, .85);
+  }
+
+  &:after {
+    background-color: $switch-unchecked-bg;
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   }
 }
 
 // Switch active style
-input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
-input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
-  box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px transparentize($switch-bg-color, .9);
+input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
+input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
+  transform: scale(2.4);
+  background-color: transparentize($switch-bg-color, .85);
 }
 
-input[type=checkbox]:not(:disabled) ~ .lever:active:after,
-input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
-  box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px rgba(0, 0, 0, .08);
+input[type=checkbox]:not(:disabled) ~ .lever:active:before,
+input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
+  transform: scale(2.4);
+  background-color: rgba(0,0,0,.08);
 }
 
 // Disabled Styles
 .switch input[type=checkbox][disabled] + .lever {
   cursor: default;
+  background-color: rgba(0,0,0,.12);
 }
 
 .switch label input[type=checkbox][disabled] + .lever:after,

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

@@ -0,0 +1,406 @@
+/*!
+ * Materialize 1.0.0 (http://materializecss.com)
+ * Copyright 2014-2015 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+
+/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
+
+
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-user-select: none;
+  -ms-touch-action: none;
+  touch-action: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-target {
+  position: relative;
+  direction: ltr;
+}
+.noUi-base {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1; /* Fix 401 */
+}
+.noUi-connect {
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+}
+.noUi-origin {
+  position: absolute;
+  height: 0;
+  width: 0;
+}
+.noUi-handle {
+  position: relative;
+  z-index: 1;
+}
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+  -webkit-transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
+  transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
+}
+.noUi-state-drag * {
+  cursor: inherit !important;
+}
+
+.noUi-handle-touch-area{
+    position: relative;
+    width: 44px;
+    height: 44px;
+    left: -15px;
+    top: -15px;
+}
+/* Painting and performance;
+ * Browsers can paint handles in their own layer.
+ */
+.noUi-base,
+.noUi-handle {
+  -webkit-transform: translate3d(0,0,0);
+  transform: translate3d(0,0,0);
+}
+
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+  height: 18px;
+}
+.noUi-horizontal .noUi-handle {
+  width: 34px;
+  height: 28px;
+  left: -17px;
+  top: -6px;
+}
+.noUi-vertical {
+  width: 18px;
+}
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  left: -6px;
+  top: -17px;
+}
+
+/* Styling;
+ */
+.noUi-target {
+  background: #cdcdcd;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+.noUi-connect {
+  background: #26A69A;
+  -webkit-transition: background 450ms;
+  transition: background 450ms;
+}
+
+/* Handles and cursors;
+ */
+.noUi-draggable {
+  cursor: ew-resize;
+}
+.noUi-vertical .noUi-draggable {
+  cursor: ns-resize;
+}
+.noUi-handle {
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #FFF;
+  cursor: default;
+  box-shadow: inset 0 0 1px #FFF,
+  inset 0 1px 7px #EBEBEB,
+  0 3px 6px -3px #BBB;
+}
+.noUi-active {
+  box-shadow: inset 0 0 1px #FFF,
+  inset 0 1px 7px #DDD,
+  0 3px 6px -3px #BBB;
+}
+
+/* Handle stripes
+ */
+.noUi-handle:before,
+.noUi-handle:after {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 14px;
+  width: 1px;
+  background: #E8E7E6;
+  left: 14px;
+  top: 6px;
+}
+.noUi-handle:after {
+  left: 17px;
+}
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+  width: 14px;
+  height: 1px;
+  left: 6px;
+  top: 14px;
+}
+.noUi-vertical .noUi-handle:after {
+  top: 17px;
+}
+
+/* Disabled state;
+ */
+
+[disabled] .noUi-connect {
+  background: #B8B8B8;
+}
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+  cursor: not-allowed;
+}
+
+
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-pips {
+  position: absolute;
+  color: #999;
+}
+
+/* Values;
+ *
+ */
+.noUi-value {
+  position: absolute;
+  text-align: center;
+}
+.noUi-value-sub {
+  color: #ccc;
+  font-size: 10px;
+}
+
+/* Markings;
+ *
+ */
+.noUi-marker {
+  position: absolute;
+  background: #CCC;
+}
+.noUi-marker-sub {
+  background: #AAA;
+}
+.noUi-marker-large {
+  background: #AAA;
+}
+
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+  padding: 10px 0;
+  height: 80px;
+  top: 100%;
+  left: 0;
+  width: 100%;
+}
+.noUi-value-horizontal {
+  -webkit-transform: translate3d(-50%,50%,0);
+  transform: translate3d(-50%,50%,0);
+}
+
+.noUi-marker-horizontal.noUi-marker {
+  margin-left: -1px;
+  width: 2px;
+  height: 5px;
+}
+.noUi-marker-horizontal.noUi-marker-sub {
+  height: 10px;
+}
+.noUi-marker-horizontal.noUi-marker-large {
+  height: 15px;
+}
+
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+  padding: 0 10px;
+  height: 100%;
+  top: 0;
+  left: 100%;
+}
+.noUi-value-vertical {
+  -webkit-transform: translate3d(0,50%,0);
+  transform: translate3d(0,50%,0);
+  padding-left: 25px;
+}
+
+.noUi-marker-vertical.noUi-marker {
+  width: 5px;
+  height: 2px;
+  margin-top: -1px;
+}
+.noUi-marker-vertical.noUi-marker-sub {
+  width: 10px;
+}
+.noUi-marker-vertical.noUi-marker-large {
+  width: 15px;
+}
+
+.noUi-tooltip {
+  display: block;
+  position: absolute;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  background: #fff;
+  color: #000;
+  padding: 5px;
+  text-align: center;
+}
+.noUi-horizontal .noUi-tooltip {
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  left: 50%;
+  bottom: 120%;
+}
+.noUi-vertical .noUi-tooltip {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  top: 50%;
+  right: 120%;
+}
+
+/* Materialize Styles */
+.noUi-target {
+  border: 0;
+  border-radius: 0;
+}
+.noUi-horizontal {
+  height: 3px;
+}
+
+.noUi-vertical {
+  height: 100%;
+  width: 3px;
+}
+
+.noUi-horizontal .noUi-handle,
+.noUi-vertical .noUi-handle {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  box-shadow: none;
+  background-color: #26A69A;
+  border: none;
+  left: -5px;
+  top: -6px;
+  transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
+  height .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
+  left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000),
+  top .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
+}
+.noUi-handle:before {
+  content: none;
+}
+.noUi-handle:after {
+  content: none;
+}
+
+.noUi-target .noUi-active.noUi-handle {
+  width: 3px;
+  height: 3px;
+  left: 0;
+  top: 0;
+}
+
+.noUi-target.noUi-horizontal .noUi-tooltip {
+  position: absolute;
+  height: 30px;
+  width: 30px;
+  top: -17px;
+  left: -2px;
+  background-color: #26A69A;
+  border-radius: 50%;
+  transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
+  transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  transform: scale(.5) rotate(-45deg);
+  transform-origin: 50% 100%;
+}
+.noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
+  border-radius: 15px 15px 15px 0;
+  transform: rotate(-45deg) translate(23px, -25px);
+}
+
+.noUi-tooltip span {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 12px;
+  opacity: 0;
+  position: absolute;
+  top: 6px;
+  left: -1px;
+  transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
+}
+
+.noUi-horizontal .noUi-tooltip span {
+  transform: rotate(45deg);
+}
+
+.noUi-vertical .noUi-tooltip span {
+  transform: rotate(135deg);
+}
+
+
+.noUi-target.noUi-vertical .noUi-tooltip {
+  position: absolute;
+  height: 30px;
+  width: 30px;
+  top: -17px;
+  left: -2px;
+  background-color: #26A69A;
+  border-radius: 50%;
+  transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
+  transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  transform: scale(.5) rotate(-45deg);
+  transform-origin: 50% 100%;
+}
+.noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
+  border-radius: 15px 15px 15px 0;
+  transform: rotate(-135deg) translate(35px, -10px);
+}
+.noUi-vertical .noUi-tooltip span {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 12px;
+  transform: rotate(135deg);
+  opacity: 0;
+  position: absolute;
+  top: 7px;
+  left: -1px;
+  transition: opacity .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
+}
+
+.noUi-horizontal .noUi-active .noUi-tooltip span,
+.noUi-vertical .noUi-active .noUi-tooltip span {
+  opacity: 1;
+}

data/{app/assets → assets}/stylesheets/materialize.scss

@@ -1,9 +1,8 @@
 @charset "UTF-8";
 
-// Mixins
-// @import "materialize/components/prefixer";
-@import "materialize/components/mixins";
-@import "materialize/components/color";
+// Color
+@import "materialize/components/color-variables";
+@import "materialize/components/color-classes";
 
 // Variables;
 @import "materialize/components/variables";
@@ -13,11 +12,12 @@
 
 // materialize/components
 @import "materialize/components/global";
+@import "materialize/components/badges";
 @import "materialize/components/icons-material-design";
 @import "materialize/components/grid";
 @import "materialize/components/navbar";
-@import "materialize/components/roboto";
 @import "materialize/components/typography";
+@import "materialize/components/transitions";
 @import "materialize/components/cards";
 @import "materialize/components/toast";
 @import "materialize/components/tabs";
@@ -31,10 +31,11 @@
 @import "materialize/components/materialbox";
 @import "materialize/components/forms/forms";
 @import "materialize/components/table_of_contents";
-@import "materialize/components/sideNav";
+@import "materialize/components/sidenav";
 @import "materialize/components/preloader";
 @import "materialize/components/slider";
 @import "materialize/components/carousel";
-@import "materialize/components/date_picker/default";
-@import "materialize/components/date_picker/default.date";
-@import "materialize/components/date_picker/default.time";
+@import "materialize/components/tapTarget";
+@import "materialize/components/pulse";
+@import "materialize/components/datepicker";
+@import "materialize/components/timepicker";