materialize-sass 0.97.8 → 0.98.0

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

@@ -158,11 +158,11 @@ textarea.materialize-textarea {
     font-size: 1rem;
     cursor: text;
     transition: .2s ease-out;
-  }
 
-  label.active {
-    font-size: $label-font-size;
-    transform: translateY(-140%);
+    &:not(.label-icon).active {
+      font-size: $label-font-size;
+      transform: translateY(-140%);
+    }
   }
 
   // Prefix Icons

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

@@ -1,200 +1,302 @@
 /*!
- * Materialize v0.97.8 (http://materializecss.com)
+ * Materialize v0.98.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-user-select: none;
--ms-touch-action: none;
--ms-user-select: none;
--moz-user-select: none;
--moz-box-sizing: border-box;
-	box-sizing: border-box;
+  -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;
+  position: relative;
+  direction: ltr;
 }
 .noUi-base {
-	width: 100%;
-	height: 100%;
-	position: relative;
-	z-index: 1; /* Fix 401 */
+  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;
-	right: 0;
-	top: 6px;
-	left: 0;
-	bottom: 0;
+  position: absolute;
+  height: 0;
+  width: 0;
 }
 .noUi-handle {
-	position: relative;
-	z-index: 1;
-}
-.noUi-stacking .noUi-handle {
-/* This class is applied to the lower origin when
-   its values is > 50%. */
-	z-index: 10;
+  position: relative;
+  z-index: 1;
 }
+.noUi-state-tap .noUi-connect,
 .noUi-state-tap .noUi-origin {
--webkit-transition: left 0.25s, top 0.25s;
-	transition: left 0.25s, top 0.25s;
+  -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;
+  cursor: inherit !important;
 }
 
 /* Painting and performance;
  * Browsers can paint handles in their own layer.
  */
-.noUi-base {
-	-webkit-transform: translate3d(0,0,0);
-	transform: translate3d(0,0,0);
+.noUi-base,
+.noUi-handle {
+  -webkit-transform: translate3d(0,0,0);
+  transform: translate3d(0,0,0);
 }
 
 /* Slider size and handle placement;
  */
 .noUi-horizontal {
-	height: 18px;
+  height: 18px;
 }
 .noUi-horizontal .noUi-handle {
-	width: 34px;
-	height: 28px;
-	left: -17px;
-	top: -6px;
+  width: 34px;
+  height: 28px;
+  left: -17px;
+  top: -6px;
 }
 .noUi-vertical {
-	width: 18px;
+  width: 18px;
 }
 .noUi-vertical .noUi-handle {
-	width: 28px;
-	height: 34px;
-	left: -6px;
-	top: -17px;
+  width: 28px;
+  height: 34px;
+  left: -6px;
+  top: -17px;
 }
 
 /* Styling;
  */
-.noUi-background {
-	background: #FAFAFA;
-	box-shadow: inset 0 1px 1px #f0f0f0;
-}
-.noUi-connect {
-	background: #3FB8AF;
-	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
--webkit-transition: background 450ms;
-	transition: background 450ms;
-}
-.noUi-origin {
-	border-radius: 2px;
-}
 .noUi-target {
-	border-radius: 4px;
-	border: 1px solid #D3D3D3;
-	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
+  background: #cdcdcd;
+  border-radius: 4px;
+  border: 1px solid transparent;
 }
-.noUi-target.noUi-connect {
-	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
+.noUi-connect {
+  background: #26A69A;
+  -webkit-transition: background 450ms;
+  transition: background 450ms;
 }
 
 /* Handles and cursors;
  */
-.noUi-dragable {
-	cursor: w-resize;
+.noUi-draggable {
+  cursor: ew-resize;
 }
-.noUi-vertical .noUi-dragable {
-	cursor: n-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;
+  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;
+  box-shadow: inset 0 0 1px #FFF,
+  inset 0 1px 7px #DDD,
+  0 3px 6px -3px #BBB;
 }
 
-/* Handle stripes;
+/* Handle stripes
  */
 .noUi-handle:before,
 .noUi-handle:after {
-	content: "";
-	display: block;
-	position: absolute;
-	height: 14px;
-	width: 1px;
-	background: #E8E7E6;
-	left: 14px;
-	top: 6px;
+  content: "";
+  display: block;
+  position: absolute;
+  height: 14px;
+  width: 1px;
+  background: #E8E7E6;
+  left: 14px;
+  top: 6px;
 }
 .noUi-handle:after {
-	left: 17px;
+  left: 17px;
 }
 .noUi-vertical .noUi-handle:before,
 .noUi-vertical .noUi-handle:after {
-	width: 14px;
-	height: 1px;
-	left: 6px;
-	top: 14px;
+  width: 14px;
+  height: 1px;
+  left: 6px;
+  top: 14px;
 }
 .noUi-vertical .noUi-handle:after {
-	top: 17px;
+  top: 17px;
 }
 
 /* Disabled state;
  */
-[disabled].noUi-connect,
+
 [disabled] .noUi-connect {
-	background: #B8B8B8;
+  background: #B8B8B8;
 }
-[disabled].noUi-origin,
+[disabled].noUi-target,
+[disabled].noUi-handle,
 [disabled] .noUi-handle {
-	cursor: not-allowed;
+  cursor: not-allowed;
 }
 
-/*Materialize Theming*/
 
-.noUi-target {
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-pips {
+  position: absolute;
+  color: #999;
+}
 
-  box-shadow: none;
-  border: none;
+/* Values;
+ *
+ */
+.noUi-value {
+  position: absolute;
+  text-align: center;
 }
-.noUi-base {
+.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;
-  top: -6px;
 }
-.noUi-background {
-  height: 3px;
-  top: 6px;
-  background-color: #bfbfbf;
-  box-shadow: none;
+
+/* 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-connect {
-  height: 3px;
-  top: 6px;
-  background-color: #26A69A;
-  box-shadow: none;
+
+.noUi-vertical {
+  height: 100%;
+  width: 3px;
 }
 
-/*Handle*/
-.noUi-horizontal .noUi-handle {
+.noUi-horizontal .noUi-handle,
+.noUi-vertical .noUi-handle {
   width: 15px;
   height: 15px;
   border-radius: 50%;
@@ -204,9 +306,9 @@
   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);
+  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;
@@ -214,7 +316,7 @@
 .noUi-handle:after {
   content: none;
 }
-/*Handle on Drag*/
+
 .noUi-target .noUi-active.noUi-handle {
   width: 3px;
   height: 3px;
@@ -222,9 +324,7 @@
   top: 0;
 }
 
-.noUi-target .noUi-active .range-label span {
-}
-.noUi-target .range-label {
+.noUi-target.noUi-horizontal .noUi-tooltip {
   position: absolute;
   height: 30px;
   width: 30px;
@@ -233,27 +333,67 @@
   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 .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
   transform: scale(.5) rotate(-45deg);
   transform-origin: 50% 100%;
 }
-.noUi-target .noUi-active .range-label {
+.noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
   border-radius: 15px 15px 15px 0;
   transform: rotate(-45deg) translate(23px, -25px);
-
 }
-.range-label span {
+
+.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-active .range-label span {
+
+.noUi-horizontal .noUi-active .noUi-tooltip span,
+.noUi-vertical .noUi-active .noUi-tooltip span {
   opacity: 1;
 }