mtl 1.1.7 → 1.1.8

data/vendor/assets/stylesheets/materialize/date_picker/_default.date.scss

@@ -5,7 +5,9 @@
  * The picker box.
  */
 .picker__box {
-  padding: 0 1em;
+  padding: 0;
+  border-radius: 2px;
+  overflow: hidden;
 }
 /**
  * The header containing the month and year stuff.
@@ -229,10 +231,7 @@
  * The footer containing the "today", "clear", and "close" buttons.
  */
 .picker__footer {
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  text-align: right;
 }
 .picker__button--today,
 .picker__button--clear,
@@ -306,19 +305,31 @@
 /* ==========================================================================
    CUSTOM MATERIALIZE STYLES
    ========================================================================== */
-.picker__box {
+/*.picker__box {
   border-radius: 2px;
   overflow: hidden;
-}
+}*/
 
 .picker__date-display {
-  text-align: center;
+  text-align: left;
   background-color: $datepicker-date-bg;
   color: #fff;
-  padding-bottom: 15px;
+  padding: 18px;
   font-weight: 300;
 }
 
+@media only screen and (min-width: 601px) {
+	.picker__date-display {
+		flex:1;
+	}
+	.picker__weekday-display {
+		display:block;
+	}
+	.picker__container__wrapper {
+		flex:2
+	}
+}
+
 .picker__nav--prev:hover,
 .picker__nav--next:hover {
   cursor: pointer;
@@ -327,31 +338,31 @@
 }
 
 .picker__weekday-display {
-  background-color: $datepicker-weekday-bg;
-  padding: 10px;
-  font-weight: 200;
-  letter-spacing: .5;
-  font-size: 1rem;
-  margin-bottom: 15px;
+  font-weight: 500;
+  font-size: $datepicker-display-font-size;
+  margin-right: 5px;
+  margin-top: 4px;
 }
 
 .picker__month-display {
-  text-transform: uppercase;
-  font-size: 2rem;
+  //text-transform: uppercase;
+  font-size: $datepicker-display-font-size;
+  font-weight: 500;
 }
 .picker__day-display {
-
-  font-size: 4.5rem;
-  font-weight: 400;
+  font-size: $datepicker-display-font-size;
+  font-weight: 500;
+  margin-right: 5px;
 }
 .picker__year-display {
-  font-size: 1.8rem;
+  font-size: 1.5rem;
+  font-weight: 500;
   color: $datepicker-year;
 }
 
-.picker__box {
+/*.picker__box {
   padding: 0;
-}
+}*/
 .picker__calendar-container {
   padding: 0 1rem;
 
@@ -367,12 +378,18 @@
 }
 
 .picker__day--infocus {
-  color: #595959;
-  letter-spacing: -.3;
-  padding: .75rem 0;
+  color: $datepicker-weekday-color;
+  letter-spacing: -.3px;
+  padding: 0.75rem 0;
   font-weight: 400;
   border: 1px solid transparent;
 }
+@media only screen and (min-width: 601px) {
+	.picker__day--infocus {
+		padding: 1.1rem 0;
+	}
+}
+
 
 //Today style
 .picker__day.picker__day--today {
@@ -408,11 +425,15 @@
 }
 
 // Materialize modified
-.picker__close, .picker__today {
+.picker__close, .picker__today, .picker__clear {
   font-size: 1.1rem;
   padding: 0 1rem;
   color: $datepicker-selected;
 }
+.picker__clear {
+	color:#f44336;
+	float:left;
+}
 
 //month nav buttons
 .picker__nav--prev:before,

data/vendor/assets/stylesheets/materialize/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/vendor/assets/stylesheets/materialize/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/vendor/assets/stylesheets/materialize/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;
   }
@@ -158,6 +159,7 @@ textarea.materialize-textarea {
     font-size: 1rem;
     cursor: text;
     transition: .2s ease-out;
+    text-align: initial;
 
     &:not(.label-icon).active {
       font-size: $label-font-size;
@@ -264,12 +266,16 @@ textarea {
   word-wrap: break-word;
   overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
   padding-top: 1.2rem; /* prevents text jump on Enter keypress */
+
+  // Reduces repaints
+  position: absolute;
+  top: 0;
 }
 
 
 /* Autocomplete */
 .autocomplete-content {
-  margin-top: -15px;
+  margin-top: -1 * $input-margin-bottom;
   display: block;
   opacity: 1;
   position: static;

data/vendor/assets/stylesheets/materialize/forms/_range.scss

@@ -27,13 +27,14 @@ input[type=range] {
 
 input[type=range] + .thumb {
   position: absolute;
+  top: 10px;
+  left: 0;
   border: none;
   height: 0;
   width: 0;
   border-radius: 50%;
   background-color: $radio-fill-color;
-  top: 10px;
-  margin-left: -6px;
+  margin-left: 7px;
 
   transform-origin: 50% 50%;
   transform: rotate(-45deg);

data/vendor/assets/stylesheets/materialize/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,

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mtl
 version: !ruby/object:Gem::Version
-  version: 1.1.7
+  version: 1.1.8
 platform: ruby
 authors:
 - Marco Plüss
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-07-07 00:00:00.000000000 Z
+date: 2017-07-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -222,25 +222,24 @@ files:
 - vendor/assets/javascripts/materialize/collapsible.js
 - vendor/assets/javascripts/materialize/date_picker/picker.date.js
 - vendor/assets/javascripts/materialize/date_picker/picker.js
+- vendor/assets/javascripts/materialize/date_picker/picker.time.js
 - vendor/assets/javascripts/materialize/dropdown.js
 - vendor/assets/javascripts/materialize/forms.js
 - vendor/assets/javascripts/materialize/global.js
 - vendor/assets/javascripts/materialize/hammer.min.js
-- vendor/assets/javascripts/materialize/init.js
 - vendor/assets/javascripts/materialize/initial.js
-- vendor/assets/javascripts/materialize/jquery.easing.1.3.js
+- vendor/assets/javascripts/materialize/jquery.easing.1.4.js
 - vendor/assets/javascripts/materialize/jquery.hammer.js
-- vendor/assets/javascripts/materialize/jquery.timeago.min.js
 - vendor/assets/javascripts/materialize/materialbox.js
 - vendor/assets/javascripts/materialize/modal.js
 - vendor/assets/javascripts/materialize/parallax.js
-- vendor/assets/javascripts/materialize/prism.js
 - vendor/assets/javascripts/materialize/pushpin.js
 - vendor/assets/javascripts/materialize/scrollFire.js
 - vendor/assets/javascripts/materialize/scrollspy.js
 - vendor/assets/javascripts/materialize/sideNav.js
 - vendor/assets/javascripts/materialize/slider.js
 - vendor/assets/javascripts/materialize/tabs.js
+- vendor/assets/javascripts/materialize/tapTarget.js
 - vendor/assets/javascripts/materialize/toasts.js
 - vendor/assets/javascripts/materialize/tooltip.js
 - vendor/assets/javascripts/materialize/transitions.js
@@ -263,13 +262,14 @@ files:
 - vendor/assets/stylesheets/materialize/_modal.scss
 - vendor/assets/stylesheets/materialize/_navbar.scss
 - vendor/assets/stylesheets/materialize/_normalize.scss
-- vendor/assets/stylesheets/materialize/_prefixer.scss
 - vendor/assets/stylesheets/materialize/_preloader.scss
+- vendor/assets/stylesheets/materialize/_pulse.scss
 - vendor/assets/stylesheets/materialize/_roboto.scss
 - vendor/assets/stylesheets/materialize/_sideNav.scss
 - vendor/assets/stylesheets/materialize/_slider.scss
 - vendor/assets/stylesheets/materialize/_table_of_contents.scss
 - vendor/assets/stylesheets/materialize/_tabs.scss
+- vendor/assets/stylesheets/materialize/_tapTarget.scss
 - vendor/assets/stylesheets/materialize/_toast.scss
 - vendor/assets/stylesheets/materialize/_tooltip.scss
 - vendor/assets/stylesheets/materialize/_transitions.scss