materialize-sass 0.98.2 → 0.99.0

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

@@ -199,3 +199,13 @@
     bottom: auto;
   }
 }
+
+@media only screen and (min-width: 601px) {
+	.picker__box {
+		display:flex;
+	}
+	.picker__frame {
+		width: 80%;
+		max-width:600px;
+	}
+}

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

@@ -13,11 +13,11 @@
  * The times on the clock.
  */
 .picker__list-item {
-  border-bottom: 1px solid #dddddd;
-  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
+  border-top: 1px solid #ddd;
   margin-bottom: -1px;
   position: relative;
-  background: #ffffff;
+  background: #fff;
   padding: .75em 1.25em;
 }
 @media (min-height: 46.75em) {
@@ -28,7 +28,7 @@
 /* Hovered time */
 .picker__list-item:hover {
   cursor: pointer;
-  color: #000000;
+  color: #000;
   background: #b1dcfb;
   border-color: #0089ec;
   z-index: 10;
@@ -41,7 +41,7 @@
 .picker__list-item--highlighted:hover,
 .picker--focused .picker__list-item--highlighted {
   cursor: pointer;
-  color: #000000;
+  color: #000;
   background: #b1dcfb;
 }
 /* Selected and hovered/focused time */
@@ -49,7 +49,7 @@
 .picker__list-item--selected:hover,
 .picker--focused .picker__list-item--selected {
   background: #0089ec;
-  color: #ffffff;
+  color: #fff;
   z-index: 10;
 }
 /* Disabled time */
@@ -58,9 +58,9 @@
 .picker--focused .picker__list-item--disabled {
   background: #f5f5f5;
   border-color: #f5f5f5;
-  color: #dddddd;
+  color: #ddd;
   cursor: default;
-  border-color: #dddddd;
+  border-color: #ddd;
   z-index: auto;
 }
 /**
@@ -77,27 +77,27 @@
   font-size: .67em;
   text-align: center;
   text-transform: uppercase;
-  color: #666;
+  color: $timepicker-clock-color;
 }
 .picker--time .picker__button--clear:hover,
 .picker--time .picker__button--clear:focus {
-  color: #000000;
+  color: #000;
   background: #b1dcfb;
   background: #ee2200;
   border-color: #ee2200;
   cursor: pointer;
-  color: #ffffff;
+  color: #fff;
   outline: none;
 }
 .picker--time .picker__button--clear:before {
   top: -0.25em;
-  color: #666;
+  color: $timepicker-clock-color;
   font-size: 1.25em;
   font-weight: bold;
 }
 .picker--time .picker__button--clear:hover:before,
 .picker--time .picker__button--clear:focus:before {
-  color: #ffffff;
+  color: #fff;
 }
 
 /* ==========================================================================
@@ -123,3 +123,145 @@
     margin-bottom: 5em;
   }
 }
+
+/* ==========================================================================
+   $DEFAULT-TIME-PICKER
+   ========================================================================== */
+.clockpicker-display {
+	font-size: 4rem;
+	font-weight: bold;
+	text-align: center;
+	color: rgba(255, 255, 255, 0.6);
+  font-weight: 400;
+	clear: both;
+	position: relative;
+}
+
+.clockpicker-span-am-pm {
+  font-size: 1.3rem;
+  position: absolute;
+  right: 1rem;
+  bottom: 0.3rem;
+  line-height: 2rem;
+  font-weight: 500;
+}
+@media only screen and (min-width: 601px) {
+	.clockpicker-display {
+		top: 32%;
+	}
+	.clockpicker-span-am-pm {
+	  position: relative;
+	  right: auto;
+	  bottom: auto;
+	  text-align: center;
+	  margin-top: 1.2rem;
+	}
+}
+
+
+.text-primary{
+	color: rgba(255, 255, 255, 1)
+}
+.clockpicker-span-hours {
+  margin-right: 3px;
+}
+.clockpicker-span-minutes {
+  margin-left: 3px;
+}
+
+.clockpicker-span-hours,
+.clockpicker-span-minutes,
+.clockpicker-span-am-pm div {
+	cursor: pointer;
+}
+.clockpicker-moving {
+	cursor: move;
+}
+.clockpicker-plate {
+	background-color: $timepicker-clock-plate-bg;
+	border-radius: 50%;
+	width: 270px;
+	height: 270px;
+	overflow: visible;
+	position: relative;
+  margin: auto;
+  margin-top: 25px;
+  margin-bottom: 5px;
+	user-select: none;
+}
+.clockpicker-canvas,
+.clockpicker-dial {
+	width: 270px;
+	height: 270px;
+	position: absolute;
+	left: -1px;
+	top: -1px;
+}
+.clockpicker-minutes {
+	visibility: hidden;
+}
+.clockpicker-tick {
+	border-radius: 50%;
+	color: $timepicker-clock-color;
+	line-height: 40px;
+	text-align: center;
+	width: 40px;
+	height: 40px;
+	position: absolute;
+	cursor: pointer;
+}
+.clockpicker-tick.active,
+.clockpicker-tick:hover {
+	background-color: transparentize($secondary-color, .75);
+}
+.clockpicker-dial {
+	-webkit-transition: -webkit-transform 350ms, opacity 350ms;
+	-moz-transition: -moz-transform 350ms, opacity 350ms;
+	-ms-transition: -ms-transform 350ms, opacity 350ms;
+	-o-transition: -o-transform 350ms, opacity 350ms;
+	transition: transform 350ms, opacity 350ms;
+}
+.clockpicker-dial-out {
+	opacity: 0;
+}
+.clockpicker-hours.clockpicker-dial-out {
+	-webkit-transform: scale(1.2, 1.2);
+	-moz-transform: scale(1.2, 1.2);
+	-ms-transform: scale(1.2, 1.2);
+	-o-transform: scale(1.2, 1.2);
+	transform: scale(1.2, 1.2);
+}
+.clockpicker-minutes.clockpicker-dial-out {
+	-webkit-transform: scale(.8, .8);
+	-moz-transform: scale(.8, .8);
+	-ms-transform: scale(.8, .8);
+	-o-transform: scale(.8, .8);
+	transform: scale(.8, .8);
+}
+.clockpicker-canvas {
+	-webkit-transition: opacity 175ms;
+	-moz-transition: opacity 175ms;
+	-ms-transition: opacity 175ms;
+	-o-transition: opacity 175ms;
+	transition: opacity 175ms;
+}
+.clockpicker-canvas-out {
+	opacity: 0.25;
+}
+.clockpicker-canvas-bearing {
+	stroke: none;
+	fill: $secondary-color;
+}
+.clockpicker-canvas-bg {
+	stroke: none;
+	fill: $secondary-color;
+}
+.clockpicker-canvas-bg-trans {
+	fill: $secondary-color;
+}
+.clockpicker-canvas line {
+	stroke: $secondary-color;
+	stroke-width: 4;
+	stroke-linecap: round;
+	/*shape-rendering: crispEdges;*/
+}

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

@@ -22,17 +22,17 @@
 /* Text inputs */
 
 input:not([type]),
-input[type=text],
-input[type=password],
-input[type=email],
-input[type=url],
-input[type=time],
-input[type=date],
-input[type=datetime],
-input[type=datetime-local],
-input[type=tel],
-input[type=number],
-input[type=search],
+input[type=text]:not(.browser-default),
+input[type=password]:not(.browser-default),
+input[type=email]:not(.browser-default),
+input[type=url]:not(.browser-default),
+input[type=time]:not(.browser-default),
+input[type=date]:not(.browser-default),
+input[type=datetime]:not(.browser-default),
+input[type=datetime-local]:not(.browser-default),
+input[type=tel]:not(.browser-default),
+input[type=number]:not(.browser-default),
+input[type=search]:not(.browser-default),
 textarea.materialize-textarea {
 
   // General Styles
@@ -116,6 +116,7 @@ textarea.materialize-textarea {
     content: "";
     position: absolute;
     top: 60px;
+    left: 0;
     opacity: 0;
     transition: .2s opacity ease-out, .2s color ease-out;
   }

data/app/assets/stylesheets/materialize/components/forms/_switches.scss

@@ -21,9 +21,12 @@
   &:checked + .lever {
     background-color: $switch-checked-lever-bg;
 
+    &:before, &:after {
+      left: 18px;
+    }
+
     &:after {
       background-color: $switch-bg-color;
-      left: 24px;
     }
   }
 }
@@ -32,8 +35,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 +44,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/app/assets/stylesheets/materialize/extras/nouislider.css

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.98.2 (http://materializecss.com)
+ * Materialize v0.99.0 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.98.2"
+    VERSION = "0.99.0"
   end
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.98.2
+  version: 0.99.0
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-04-17 00:00:00.000000000 Z
+date: 2017-07-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -64,24 +64,14 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/fonts/roboto/Roboto-Bold.eot
-- app/assets/fonts/roboto/Roboto-Bold.ttf
 - app/assets/fonts/roboto/Roboto-Bold.woff
 - app/assets/fonts/roboto/Roboto-Bold.woff2
-- app/assets/fonts/roboto/Roboto-Light.eot
-- app/assets/fonts/roboto/Roboto-Light.ttf
 - app/assets/fonts/roboto/Roboto-Light.woff
 - app/assets/fonts/roboto/Roboto-Light.woff2
-- app/assets/fonts/roboto/Roboto-Medium.eot
-- app/assets/fonts/roboto/Roboto-Medium.ttf
 - app/assets/fonts/roboto/Roboto-Medium.woff
 - app/assets/fonts/roboto/Roboto-Medium.woff2
-- app/assets/fonts/roboto/Roboto-Regular.eot
-- app/assets/fonts/roboto/Roboto-Regular.ttf
 - app/assets/fonts/roboto/Roboto-Regular.woff
 - app/assets/fonts/roboto/Roboto-Regular.woff2
-- app/assets/fonts/roboto/Roboto-Thin.eot
-- app/assets/fonts/roboto/Roboto-Thin.ttf
 - app/assets/fonts/roboto/Roboto-Thin.woff
 - app/assets/fonts/roboto/Roboto-Thin.woff2
 - app/assets/javascripts/materialize-sprockets.js
@@ -95,6 +85,7 @@ files:
 - app/assets/javascripts/materialize/collapsible.js
 - app/assets/javascripts/materialize/date_picker/picker.date.js
 - app/assets/javascripts/materialize/date_picker/picker.js
+- app/assets/javascripts/materialize/date_picker/picker.time.js
 - app/assets/javascripts/materialize/dropdown.js
 - app/assets/javascripts/materialize/extras/nouislider.js
 - app/assets/javascripts/materialize/extras/nouislider.min.js
@@ -103,7 +94,7 @@ files:
 - app/assets/javascripts/materialize/hammer.min.js
 - app/assets/javascripts/materialize/init.js
 - app/assets/javascripts/materialize/initial.js
-- app/assets/javascripts/materialize/jquery.easing.1.3.js
+- app/assets/javascripts/materialize/jquery.easing.1.4.js
 - app/assets/javascripts/materialize/jquery.hammer.js
 - app/assets/javascripts/materialize/jquery.timeago.min.js
 - app/assets/javascripts/materialize/materialbox.js
@@ -139,7 +130,6 @@ files:
 - app/assets/stylesheets/materialize/components/_modal.scss
 - app/assets/stylesheets/materialize/components/_navbar.scss
 - app/assets/stylesheets/materialize/components/_normalize.scss
-- app/assets/stylesheets/materialize/components/_prefixer.scss
 - app/assets/stylesheets/materialize/components/_preloader.scss
 - app/assets/stylesheets/materialize/components/_pulse.scss
 - app/assets/stylesheets/materialize/components/_roboto.scss