material-sass 1.4.1 → 4.0.0.alpha5

data/app/assets/stylesheets/material/components/_progress-loadbar.scss

@@ -1,97 +0,0 @@
-.load-bar {
-	float: right;
-	height: 100%;
-	overflow: hidden;
-	width: 50%;
-	&:first-child {
-		float: left;
-	}
-}
-
-.load-bar-base {
-	animation: load-bar-right-in 0.9s $timing 1 forwards;
-	background-color: $brand-color-accent;
-	float: left;
-	height: 100%;
-	overflow: hidden;
-	transform: translate(-100%, 0);
-	transform-origin: top right;
-	width: 100%;
-	will-change: transform;
-	.load-bar:first-child & {
-		animation: load-bar-left-in 0.9s $timing 1 forwards;
-		transform: translate(100%, 0);
-		transform-origin: top left;
-	}
-}
-
-// animation
-	@keyframes load-bar-left-in {
-		0% {
-			transform: translate(100%, 0);
-		}
-		100% {
-			transform: translate(0, 0);
-		}
-	}
-
-	@keyframes load-bar-right-in {
-		0% {
-			transform: translate(-100%, 0);
-		}
-		100% {
-			transform: translate(0, 0);
-		}
-	}
-
-.load-bar-content {
-	animation: load-bar-right 3.6s linear infinite forwards;
-	animation-delay: 0.9s;
-	float: left;
-	height: 100%;
-	position: relative;
-	transform-origin: top center;
-	width: 400%;
-	will-change: transform;
-	.load-bar:first-child & {
-		animation: load-bar-left 3.6s linear infinite forwards;
-		animation-delay: 0.9s;
-	}
-}
-
-// animation
-	@keyframes load-bar-left {
-		0% {
-			transform: translate(0, 0);
-		}
-		100% {
-			transform: translate(-100%, 0);
-		}
-	}
-
-	@keyframes load-bar-right {
-		0% {
-			transform: translate(-100%, 0);
-		}
-		100% {
-			transform: translate(0, 0);
-		}
-	}
-
-.load-bar-progress {
-	background-color: transparent;
-	float: left;
-	height: 100%;
-	width: 25%;
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		@if $color != "brand-accent" {
-			.load-bar-progress-#{$color} {
-				background-color: nth($palette-list-color, $i);
-			}
-		}
-	}

data/app/assets/stylesheets/material/components/_progress.scss

@@ -1,132 +0,0 @@
-.progress {
-	background-color: $brand-color-accent-light;
-	height: ($base / 2);
-	margin-top: $margin-md;
-	margin-bottom: $margin-md;
-	overflow: hidden;
-	position: relative;
-}
-
-.progress-bar {
-	background-color: $brand-color-accent;
-	border-radius: 0 1px 1px 0;
-	height: 100%;
-	position: absolute;
-		top: 0;
-		left: 0;
-	transition: width 0.3s $timing;
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		@if $color != "brand-accent" {
-			.progress-#{$color} {
-				background-color: nth($palette-list-light, $i);
-				.progress-bar {
-					background-color: nth($palette-list-color, $i);
-				}
-			}
-		}
-	}
-
-.progress-bar-indeterminate {
-	background-color: $brand-color-accent;
-	&:after,
-	&:before {
-		animation-duration: 2.1s;
-		animation-iteration-count: infinite;
-		animation-timing-function: linear;
-		background-color: inherit;
-		border-radius: 1px;
-		content: '';
-		display: block;
-		position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-		transition: width 0.3s $timing;
-		will-change: left, width;
-	}
-	&:after {
-		animation-name: pbar-indeterminate-one;
-		// position
-			left: 0;
-	}
-	&:before {
-		animation-name: pbar-indeterminate-two;
-		// position
-			right: 0;
-	}
-}
-
-// animation
-	@keyframes pbar-indeterminate-one {
-		0% {
-			// position
-				left: 0%;
-			width: 0%;
-		}
-		50% {
-			// position
-				left: 25%;
-			width: 75%;
-		}
-		75% {
-			// position
-				left: 100%;
-			width: 0%;
-		}
-	}
-
-	@keyframes pbar-indeterminate-two {
-		0%,
-		50% {
-			// position
-				left: 0%;
-			width: 0%;
-		}
-		75% {
-			// position
-				left: 0%;
-			width: 25%;
-		}
-		100% {
-			// position
-				left: 100%;
-			width: 0%;
-		}
-	}
-
-.progress-position-absolute-bottom,
-.progress-position-absolute-top,
-.progress-position-fixed-bottom,
-.progress-position-fixed-top {
-	margin: 0;
-	// position
-		left: 0;
-	width: 100%;
-}
-
-.progress-position-absolute-bottom,
-.progress-position-absolute-top {
-	position: absolute;
-}
-
-.progress-position-absolute-bottom,
-.progress-position-fixed-bottom {
-	// position
-		bottom: 0;
-}
-
-.progress-position-absolute-top,
-.progress-position-fixed-top {
-	// position
-		top: 0;
-}
-
-.progress-position-fixed-top,
-.progress-position-fixed-bottom {
-	position: fixed;
-}

data/app/assets/stylesheets/material/components/_snackbar.scss

@@ -1,59 +0,0 @@
-.snackbar {
-	position: fixed;
-		right: 0;
-		bottom: 0;
-		left: 0;
-	z-index: ($top-base + 1);
-	a {
-		cursor: pointer;
-		&:focus,
-		&:hover {
-			text-decoration: none;
-		}
-	}
-	// 768
-		@include responsive(sm) {
-			padding-right: $grid-gutter;
-			padding-left: $grid-gutter;
-			// position
-				bottom: $margin-md;
-			.fbtn-container ~ & {
-				// position
-					right: ($base * 2 + $fbtn-height + $grid-gutter);
-			}
-		}
-}
-
-.snackbar-inner {
-	backface-visibility: hidden;
-	background-color: $black-text;
-	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-	color: $white-text-solid;
-	display: flex;
-	max-width: 100%;
-	padding: $margin-sm $grid-gutter;
-	transform: translate(0, 200%);
-	transition: transform 0.3s $timing;
-	@include clearfix();
-	&.in {
-		transform: translate(0, 0);
-	}
-	// 768
-		@include responsive(sm) {
-			border-radius: 2px;
-			float: left;
-		}
-}
-
-.snackbar-text {
-	min-width: 0;
-}
-
-[data-dismiss="snackbar"] {
-	cursor: pointer;
-	font-weight: $font-weight-medium;
-	margin-left: $grid-gutter;
-	order: 1;
-	text-transform: uppercase;
-	white-space: nowrap;
-}

data/app/assets/stylesheets/material/components/_stepper.scss

@@ -1,201 +0,0 @@
-.stepper {
-	display: flex;
-	flex-shrink: 0;
-	overflow: hidden;
-	padding: $margin-md ($grid-gutter * 1.5);
-	position: relative;
-	&:focus,
-	&:hover {
-		text-decoration: none;
-	}
-	.stepper-horiz & {
-		align-items: center;
-		background-color: $white;
-		&:after,
-		&:before {
-			border-top: 1px solid $black-divider-solid;
-			content: "";
-			display: block;
-			position: absolute;
-				top: 50%;
-			width: $grid-gutter;
-		}
-		&:after {
-			// position
-				right: 0;
-		}
-		&:before {
-			// position
-				left: 0;
-		}
-		&:first-child:before,
-		&:last-child:after {
-			display: none;
-		}
-	}
-	.stepper-horiz-alt & {
-		flex-direction: column;
-		flex-grow: 1;
-		&:after,
-		&:before {
-			// position
-				top: ($line-height / 2 + $margin-md);
-			width: calc(50% - #{$grid-gutter / 2 + $line-height / 2});
-		}
-	}
-	.stepper-vert & {
-		&:after,
-		&:before {
-			border-left: 1px solid $black-divider-solid;
-			content: "";
-			display: block;
-			position: absolute;
-				left: ($grid-gutter * 1.5 + $line-height / 2);
-		}
-		&:after {
-			// position
-				top: ($grid-gutter / 2 + $line-height + $margin-md);
-				bottom: 0;
-		}
-		&:before {
-			height: ($margin-md - $grid-gutter / 2);
-			// position
-				top: 0;
-		}
-		&:first-child:before,
-		&:last-child:after {
-			display: none;
-		}
-	}
-}
-
-.stepper-control {
-	cursor: pointer;
-	&:focus,
-	&:hover {
-		background-color: $offwhite-solid;
-	}
-}
-
-.stepper-horiz {
-	background-color: $white;
-	flex-grow: 1;
-	overflow-x: auto;
-	overflow-y: hidden;
-	position: relative;
-	-webkit-overflow-scrolling: touch;
-	-ms-overflow-style: -ms-autohiding-scrollbar;
-	&:before {
-		border-top: 1px solid $black-divider-solid;
-		content: "";
-		display: block;
-		position: absolute;
-			top: 50%;
-			right: ($grid-gutter * 1.5);
-			left: ($grid-gutter * 1.5);
-	}
-}
-
-.stepper-horiz-content {
-	flex-grow: 1;
-	padding-right: ($grid-gutter * 1.5);
-	padding-left: ($grid-gutter * 1.5);
-	position: relative;
-}
-
-.stepper-horiz-inner {
-	display: flex;
-	justify-content: space-between;
-}
-
-.stepper-step {
-	font-size: $font-size-h6;
-	font-weight: $font-weight-light;
-	height: $line-height;
-	line-height: $line-height;
-	position: relative;
-	text-align: center;
-	width: $line-height;
-	&:before {
-		background-color: $black-hint-solid;
-		border-radius: 50%;
-		content: "";
-		display: block;
-		height: 100%;
-		position: absolute;
-			top: 0;
-			left: 0;
-		width: 100%;
-		.stepper.active &,
-		.stepper.done & {
-			background-color: $brand-color;
-		}
-	}
-}
-
-.stepper-step-icon {
-	color: $white-text-solid;
-	display: none;
-	position: relative;
-	.stepper.done & {
-		display: inline-block;
-	}
-}
-
-.stepper-step-num {
-	color: $white-text-solid;
-	display: inline-block;
-	position: relative;
-	.stepper.active & {
-		color: $brand-text;
-	}
-	.stepper.done & {
-		display: none;
-	}
-}
-
-.stepper-text {
-	color: $black-text-solid;
-	font-size: $font-size;
-	font-weight: $font-weight-normal;
-	line-height: 1;
-	margin-left: ($grid-gutter / 2);
-	position: relative;
-	.stepper-horiz-alt & {
-		margin-top: $margin-sm;
-		margin-left: 0;
-	}
-	.stepper.active & {
-		font-weight: $font-weight-medium;
-	}
-	.stepper-control:focus &,
-	.stepper-control:hover & {
-		background-color: $offwhite-solid;
-	}
-	.stepper-vert & {
-		padding-top: (($line-height - $font-size) / 2);
-	}
-}
-
-.stepper-text-sub {
-	font-weight: $font-weight-normal;
-}
-
-.stepper-vert {
-	background-color: $white;
-	flex-grow: 1;
-	position: relative;
-}
-
-.stepper-vert-content {
-	border-left: 1px solid $black-divider-solid;
-	flex-grow: 1;
-	margin-left: ($grid-gutter * 1.5 + $line-height / 2);
-	padding-right: ($grid-gutter * 1.5);
-	padding-left: ($grid-gutter / 2 + $line-height / 2);
-	position: relative;
-	@include clearfix();
-	> :first-child {
-		margin-top: 0;
-	}
-}