materialize-sass 0.97.0 → 0.97.1

data/app/assets/stylesheets/materialize.scss

@@ -27,6 +27,7 @@
 @import "materialize/components/waves";
 @import "materialize/components/modal";
 @import "materialize/components/collapsible";
+@import "materialize/components/chips";
 @import "materialize/components/materialbox";
 @import "materialize/components/form";
 @import "materialize/components/table_of_contents";
@@ -35,4 +36,4 @@
 @import "materialize/components/slider";
 @import "materialize/components/date_picker/default.scss";
 @import "materialize/components/date_picker/default.date.scss";
-@import "materialize/components/date_picker/default.time.scss";
+@import "materialize/components/date_picker/default.time.scss";

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

@@ -86,6 +86,7 @@
 
     // Image background for content
     img {
+      display: block;
       border-radius: 2px 2px 0 0;
       position: relative;
       left: 0;

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

@@ -0,0 +1,27 @@
+.chip {
+  display: inline-block;
+  height: 32px;
+  font-size: 13px;
+  font-weight: 500;
+  color: rgba(0,0,0,.6);
+  line-height: 32px;
+  padding: 0 12px;
+  border-radius: 16px;
+  background-color: #E4E4E4;
+
+  img {
+    float: left;
+    margin: 0 8px 0 -12px;
+    height: 32px;
+    width: 32px;
+    border-radius: 50%;
+  }
+
+  i.material-icons {
+    cursor: pointer;
+    float: right;
+    font-size: 16px;
+    line-height: 32px;
+    padding-left: 8px;
+  }
+}

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

@@ -9,7 +9,7 @@
 .collapsible-header {
   display: block;
   cursor: pointer;
-  height: $collapsible-height;
+  min-height: $collapsible-height;
   line-height: $collapsible-height;
   padding: 0 1rem;
   background-color: $collapsible-header-color;

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

@@ -187,7 +187,8 @@ textarea.materialize-textarea {
     color: #444;
 
     & + label i,
-    & ~ .mdi-navigation-close {
+    & ~ .mdi-navigation-close,
+    & ~ .material-icons {
       color: #444;
     }
   }
@@ -196,7 +197,8 @@ textarea.materialize-textarea {
     left: 1rem;
   }
 
-  & ~ .mdi-navigation-close {
+  & ~ .mdi-navigation-close,
+  & ~ .material-icons {
     position: absolute;
     top: 0;
     right: 1rem;

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

@@ -1,6 +1,3 @@
-@charset "UTF-8";
-
-
 //Default styles
 
 html {
@@ -142,7 +139,7 @@ video.responsive-video {
 .pagination {
 
   li {
-    float: left;
+    display: inline-block;
     font-size: 1.2rem;
     padding: 0 10px;
     line-height: 30px;
@@ -312,7 +309,7 @@ footer.page-footer {
     height: 50px;
     line-height: 50px;
     color: rgba(255,255,255,.8);
-    background-color: rgba(51,51,51,.08);;
+    background-color: rgba(51,51,51,.08);
     @extend .light;
   }
 }
@@ -341,7 +338,7 @@ table {
     }
   }
 
-  &.hoverable > tbody > tr {
+  &.highlight > tbody > tr {
     @include transition(background-color .25s ease);
     &:hover {
       background-color: $table-striped-color;
@@ -503,6 +500,10 @@ td, th{
     &.active {
       background-color: $collection-active-bg-color;
       color: $collection-active-color;
+
+      .secondary-content {
+        color: #fff;
+      }
     }
   }
   a.collection-item{
@@ -536,6 +537,11 @@ td, th{
   float: right;
   color: $secondary-color;
 }
+.collapsible .collection {
+  margin: 0;
+  border: none;
+}
+
 
 
 // Badges
@@ -561,6 +567,11 @@ span.badge {
     content: " new";
   }
 }
+nav ul a span.badge {
+  position: static;
+  margin-left: 4px;
+  line-height: 0;
+}
 
 // Responsive Videos
 .video-container {

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

@@ -1,4 +1,5 @@
 .materialboxed {
+  display: block;
   cursor: zoom-in;
   position: relative;
   @include transition(opacity .4s);

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

@@ -55,6 +55,17 @@ nav {
     @media #{$medium-and-down} {
       left: 50%;
       @include transform(translateX(-50%));
+
+      &.left, &.right {
+        padding: 0;
+        @include transform(none);
+      }
+
+      &.left { left: 0.5rem; }
+      &.right {
+        right: 0.5rem;
+        left: auto;
+      }
     }
 
     &.right {

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

@@ -63,6 +63,7 @@
   width: 100%;
   height: 100%;
   opacity: 0;
+  border-color: $spinner-default-color;
 }
 
 .spinner-blue,
@@ -122,6 +123,7 @@
   animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
 }
 
+.active .spinner-layer,
 .active .spinner-layer.spinner-blue-only,
 .active .spinner-layer.spinner-red-only,
 .active .spinner-layer.spinner-yellow-only,

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

@@ -1,13 +1,15 @@
 @font-face {
     font-family: "Roboto";
-    src: font-url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
+    src: local(Roboto Thin),
+        font-url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
         font-url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"),
         font-url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype");
     font-weight: 200;
 }
 @font-face {
     font-family: "Roboto";
-    src: font-url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
+    src: local(Roboto Light),
+        font-url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
         font-url("#{$roboto-font-path}Roboto-Light.woff") format("woff"),
         font-url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype");
     font-weight: 300;
@@ -15,7 +17,9 @@
 
 @font-face {
     font-family: "Roboto";
-    src: font-url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"),
+    src:
+        local(Roboto Regular),
+        font-url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"),
         font-url("#{$roboto-font-path}Roboto-Regular.woff") format("woff"),
         font-url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype");
     font-weight: 400;
@@ -35,4 +39,4 @@
         font-url("#{$roboto-font-path}Roboto-Bold.woff") format("woff"),
         font-url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype");
     font-weight: 700;
-}
+}

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

@@ -1,4 +1,5 @@
 .tabs {
+  @include flexbox();
   position: relative;
   height: 48px;
   background-color: $tabs-bg-color;
@@ -7,6 +8,10 @@
   white-space: nowrap;
 
   .tab {
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
     display: block;
     float: left;
     text-align: center;

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

@@ -1,7 +1,7 @@
 #toast-container {
   display:block;
   position: fixed;
-  z-index: 1001;
+  z-index: 10000;
 
   @media #{$small-and-down} {
     min-width: 100%;

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

@@ -1,3 +1,4 @@
+
 a {
   text-decoration: none;
 }
@@ -42,6 +43,7 @@ small { font-size: 75%; }
 .light { font-weight: 300; }
 .thin { font-weight: 200; }
 
+
 .flow-text{
   font-weight: 300;
   $i: 0;
@@ -51,8 +53,9 @@ small { font-size: 75%; }
     }
     $i: $i + 1;
   }
+
   // Handle below 360px screen
   @media only screen and (max-width: 360px) {
     font-size: 1.2rem;
   }
-}
+}

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

@@ -109,6 +109,9 @@ $slider-bg-color: color('grey', 'base') !default;
 $slider-bg-color-light: color('grey', 'lighten-2') !default;
 $slider-indicator-color: color('green', 'base') !default;
 
+/*** Spinners | Loaders ***/
+$spinner-default-color: $secondary-color !default;
+
 /*** Tabs ***/
 $tabs-underline-color: $primary-color-light !default;
 $tabs-text-color: $primary-color !default;

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

@@ -0,0 +1,258 @@
+/*!
+ * Materialize v0.97.1 (http://materializecss.com)
+ * Copyright 2014-2015 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+
+/* 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;
+}
+.noUi-target {
+	position: relative;
+	direction: ltr;
+}
+.noUi-base {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	z-index: 1; /* Fix 401 */
+}
+.noUi-origin {
+	position: absolute;
+	right: 0;
+	top: 0;
+	left: 0;
+	bottom: 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;
+}
+.noUi-state-tap .noUi-origin {
+-webkit-transition: left 0.25s, top 0.25s;
+	transition: left 0.25s, top 0.25s;
+}
+.noUi-state-drag * {
+	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);
+}
+
+/* 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-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;
+}
+.noUi-target.noUi-connect {
+	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
+}
+
+/* Handles and cursors;
+ */
+.noUi-dragable {
+	cursor: w-resize;
+}
+.noUi-vertical .noUi-dragable {
+	cursor: n-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,
+[disabled] .noUi-connect {
+	background: #B8B8B8;
+}
+[disabled].noUi-origin,
+[disabled] .noUi-handle {
+	cursor: not-allowed;
+}
+
+/*Materialize Theming*/
+
+.noUi-target {
+
+  box-shadow: none;
+  border: none;
+}
+.noUi-base {
+  height: 15px;
+  top: -6px;
+}
+.noUi-background {
+  height: 3px;
+  top: 6px;
+  background-color: #bfbfbf;
+}
+.noUi-horizontal {
+  height: 3px;
+}
+.noUi-connect {
+  height: 3px;
+  top: 6px;
+  background-color: #26A69A;
+  box-shadow: none;
+}
+
+/*Handle*/
+.noUi-horizontal .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;
+}
+/*Handle on Drag*/
+.noUi-target .noUi-active.noUi-handle {
+  width: 3px;
+  height: 3px;
+  left: 0;
+  top: 0;
+}
+
+.noUi-target .noUi-active .range-label span {
+}
+.noUi-target .range-label {
+  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-active .range-label {
+  border-radius: 15px 15px 15px 0;
+  transform: rotate(-45deg) translate(23px, -25px);
+
+}
+.range-label span {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 12px;
+  transform: rotate(45deg);
+  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 {
+  opacity: 1;
+}