materialize-sass 0.100.2.1 → 1.0.0.alpha1

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

@@ -1,216 +0,0 @@
-/* ==========================================================================
-   $BASE-PICKER
-   ========================================================================== */
-/**
- * Note: the root picker element should *NOT* be styled more than what's here.
- */
-.picker {
-  font-size: 16px;
-  text-align: left;
-  line-height: 1.2;
-  color: #000000;
-  position: absolute;
-  z-index: 10000;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  outline: none;
-}
-/**
- * The picker input element.
- */
-.picker__input {
-  cursor: default;
-}
-/**
- * When the picker is opened, the input element is "activated".
- */
-.picker__input.picker__input--active {
-  border-color: #0089ec;
-}
-/**
- * The holder is the only "scrollable" top-level container element.
- */
-.picker__holder {
-  width: 100%;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-/*!
- * Default mobile-first, responsive styling for pickadate.js
- * Demo: http://amsul.github.io/pickadate.js
- */
-/**
- * Note: the root picker element should *NOT* be styled more than what's here.
- */
-/**
- * Make the holder and frame fullscreen.
- */
-.picker__holder,
-.picker__frame {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  -ms-transform: translateY(100%);
-  transform: translateY(100%);
-}
-/**
- * The holder should overlay the entire screen.
- */
-.picker__holder {
-  position: fixed;
-  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
-  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
-  transition: background 0.15s ease-out, top 0s 0.15s;
-  -webkit-backface-visibility: hidden;
-}
-/**
- * The frame that bounds the box contents of the picker.
- */
-.picker__frame {
-  position: absolute;
-  margin: 0 auto;
-  min-width: 256px;
-
-//  picker width
-  width: 300px;
-  max-height: 350px;
-
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-  filter: alpha(opacity=0);
-  -moz-opacity: 0;
-  opacity: 0;
-  -webkit-transition: all 0.15s ease-out;
-  -moz-transition: all 0.15s ease-out;
-  transition: all 0.15s ease-out;
-}
-@media (min-height: 28.875em) {
-  .picker__frame {
-    overflow: visible;
-    top: auto;
-    bottom: -100%;
-    max-height: 80%;
-  }
-}
-@media (min-height: 40.125em) {
-  .picker__frame {
-    margin-bottom: 7.5%;
-  }
-}
-/**
- * The wrapper sets the stage to vertically align the box contents.
- */
-.picker__wrap {
-  display: table;
-  width: 100%;
-  height: 100%;
-}
-@media (min-height: 28.875em) {
-  .picker__wrap {
-    display: block;
-  }
-}
-/**
- * The box contains all the picker contents.
- */
-.picker__box {
-  background: #ffffff;
-  display: table-cell;
-  vertical-align: middle;
-}
-//@media (min-height: 26.5em) {
-//  .picker__box {
-////    font-size: 1.25em;
-//  }
-//}
-@media (min-height: 28.875em) {
-  .picker__box {
-    display: block;
-
-//    picker header font-size
-//    font-size: 1rem;
-
-    border: 1px solid #777777;
-    border-top-color: #898989;
-    border-bottom-width: 0;
-    -webkit-border-radius: 5px 5px 0 0;
-    -moz-border-radius: 5px 5px 0 0;
-    border-radius: 5px 5px 0 0;
-    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
-    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
-    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
-  }
-}
-//@media (min-height: 40.125em) {
-//  .picker__box {
-//    font-size: 1.1rem;
-//    border-bottom-width: 1px;
-//    -webkit-border-radius: 5px;
-//    -moz-border-radius: 5px;
-//    border-radius: 5px;
-//  }
-//}
-/**
- * When the picker opens...
- */
-.picker--opened .picker__holder {
-  -ms-transform: translateY(0);
-  transform: translateY(0);
-  background: transparent;
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
-  zoom: 1;
-  background: rgba(0, 0, 0, 0.32);
-  -webkit-transition: background 0.15s ease-out;
-  -moz-transition: background 0.15s ease-out;
-  transition: background 0.15s ease-out;
-}
-.picker--opened .picker__frame {
-  -ms-transform: translateY(0);
-  transform: translateY(0);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-  filter: alpha(opacity=100);
-  -moz-opacity: 1;
-  opacity: 1;
-}
-@media (min-height: 35.875em) {
-  .picker--opened .picker__frame {
-    top: 10%;
-    bottom: auto;
-  }
-}
-/**
- * For `large` screens, transform into an inline picker.
- */
-
-/* ==========================================================================
-   CUSTOM MATERIALIZE STYLES
-   ========================================================================== */
-
-.picker__input.picker__input--active {
-  border-color: color("blue", "lighten-5");
-}
-
-.picker__frame {
-  margin: 0 auto;
-  max-width: 325px;
-}
-
-@media (min-height: 38.875em) {
-  .picker--opened .picker__frame {
-    top: 10%;
-    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

@@ -1,267 +0,0 @@
-/* ==========================================================================
-   $BASE-TIME-PICKER
-   ========================================================================== */
-/**
- * The list of times.
- */
-.picker__list {
-  list-style: none;
-  padding: 0.75em 0 4.2em;
-  margin: 0;
-}
-/**
- * The times on the clock.
- */
-.picker__list-item {
-  border-bottom: 1px solid #ddd;
-  border-top: 1px solid #ddd;
-  margin-bottom: -1px;
-  position: relative;
-  background: #fff;
-  padding: .75em 1.25em;
-}
-@media (min-height: 46.75em) {
-  .picker__list-item {
-    padding: .5em 1em;
-  }
-}
-/* Hovered time */
-.picker__list-item:hover {
-  cursor: pointer;
-  color: #000;
-  background: #b1dcfb;
-  border-color: #0089ec;
-  z-index: 10;
-}
-/* Highlighted and hovered/focused time */
-.picker__list-item--highlighted {
-  border-color: #0089ec;
-  z-index: 10;
-}
-.picker__list-item--highlighted:hover,
-.picker--focused .picker__list-item--highlighted {
-  cursor: pointer;
-  color: #000;
-  background: #b1dcfb;
-}
-/* Selected and hovered/focused time */
-.picker__list-item--selected,
-.picker__list-item--selected:hover,
-.picker--focused .picker__list-item--selected {
-  background: #0089ec;
-  color: #fff;
-  z-index: 10;
-}
-/* Disabled time */
-.picker__list-item--disabled,
-.picker__list-item--disabled:hover,
-.picker--focused .picker__list-item--disabled {
-  background: #f5f5f5;
-  border-color: #f5f5f5;
-  color: #ddd;
-  cursor: default;
-  border-color: #ddd;
-  z-index: auto;
-}
-/**
- * The clear button
- */
-.picker--time .picker__button--clear {
-  display: block;
-  width: 80%;
-  margin: 1em auto 0;
-  padding: 1em 1.25em;
-  background: none;
-  border: 0;
-  font-weight: 500;
-  font-size: .67em;
-  text-align: center;
-  text-transform: uppercase;
-  color: $timepicker-clock-color;
-}
-.picker--time .picker__button--clear:hover,
-.picker--time .picker__button--clear:focus {
-  color: #000;
-  background: #b1dcfb;
-  background: #ee2200;
-  border-color: #ee2200;
-  cursor: pointer;
-  color: #fff;
-  outline: none;
-}
-.picker--time .picker__button--clear:before {
-  top: -0.25em;
-  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: #fff;
-}
-
-/* ==========================================================================
-   $DEFAULT-TIME-PICKER
-   ========================================================================== */
-/**
- * The frame the bounds the time picker.
- */
-.picker--time .picker__frame {
-  min-width: 256px;
-  max-width: 320px;
-}
-/**
- * The picker box.
- */
-.picker--time .picker__box {
-  font-size: 1em;
-  background: #f2f2f2;
-  padding: 0;
-}
-@media (min-height: 40.125em) {
-  .picker--time .picker__box {
-    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;*/
-}