material-sass 1.4.1 → 4.0.0.alpha5

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

@@ -1,84 +0,0 @@
-.tab-nav {
-	box-shadow: 0 1px 0 $black-divider;
-	margin-top: $margin-md;
-	margin-bottom: $margin-md;
-	position: relative;
-	.nav {
-		margin-top: 0 !important;
-		margin-bottom: 0 !important;
-		> li {
-			> a,
-			> .a {
-				color: inherit;
-				text-transform: uppercase;
-				&:after {
-					border-bottom: 2px solid $brand-color-accent;
-					content: "";
-					display: block;
-					opacity: 0;
-					position: absolute;
-						bottom: 0;
-						left: 0;
-					transition: opacity 0.3s $timing;
-					width: 100%;
-				}
-				&:focus:after,
-				&:hover:after {
-					opacity: 0.3;
-				}
-			}
-			&.active > a:after,
-			&.active > .a:after {
-				opacity: 1;
-				transition: opacity 0s 0.45s;
-			}
-		}
-	}
-}
-
-.tab-nav-indicator {
-	background-color: transparent;
-	height: 2px;
-	position: absolute;
-		bottom: 0;
-	&.animate {
-		background-color: $brand-color-accent;
-		transition: left 0.225s $timing 0.225s, right 0.45s $timing;
-		will-change: left, right;
-		&.reverse {
-			transition: left 0.45s $timing, right 0.225s $timing 0.225s;
-		}
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		@if $color != "brand-accent" {
-			.tab-nav-#{$color} {
-				.nav {
-					> li {
-						> a,
-						> .a {
-							&:after {
-								border-bottom-color: nth($palette-list-color, $i);
-							}
-						}
-					}
-				}
-				.tab-nav-indicator.animate {
-					background-color: nth($palette-list-color, $i);
-				}
-			}
-		}
-	}
-
-.tab-pane {
-	display: none;
-	visibility: hidden;
-	&.active {
-		display: block;
-		visibility: visible;
-	}
-}

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

@@ -1,82 +0,0 @@
-.table {
-	background-color: $white;
-	border: 0;
-	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06), 0 0 3px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.18);
-	margin-top: $margin-md;
-	margin-bottom: $margin-md;
-	width: 100%;
-	.card-table > & {
-		box-shadow: none;
-		margin-right: ($grid-gutter * -1);
-		margin-left: ($grid-gutter * -1);
-		&:first-child {
-			margin-top: 0;
-		}
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-	> tbody {
-		&:first-child > tr:first-child {
-			td,
-			th {
-				border-top: 0;
-			}
-		}
-		> tr:hover {
-			background-color: $offwhite-solid;
-		}
-	}
-	td,
-	th {
-		border-top: 1px solid $black-divider-solid;
-		font-size: $font-size;
-		line-height: $line-height;
-		padding: (($cell-height - $line-height) / 2 - 1) $grid-gutter (($cell-height - $line-height) / 2);
-		vertical-align: top;
-		&.nowrap {
-			white-space: nowrap;
-			width: 1%;
-		}
-	}
-	> thead {
-		&:first-child > tr:first-child {
-			td,
-			th {
-				border-top: 0;
-			}
-		}
-		td,
-		th {
-			color: $black-hint-solid;
-			font-size: $font-size-h6;
-			vertical-align: bottom;
-		}
-	}
-}
-
-.table-responsive {
-	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06), 0 0 3px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.18);
-	margin-top: $margin-md;
-	margin-bottom: $margin-md;
-	min-height: 0.01%;
-	overflow-x: auto;
-	overflow-y: hidden;
-	-webkit-overflow-scrolling: touch;
-	-ms-overflow-style: -ms-autohiding-scrollbar;
-	.card-table > & {
-		box-shadow: none;
-		margin-right: ($grid-gutter * -1);
-		margin-left: ($grid-gutter * -1);
-		&:first-child {
-			margin-top: 0;
-		}
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-	> .table {
-		box-shadow: none;
-		margin: 0;
-	}
-}

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

@@ -1,156 +0,0 @@
-.tile {
-	background-color: $white;
-	box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
-	display: flex;
-	min-height: $tile-height;
-	&[href]:focus,
-	&[href]:hover {
-		outline: 0;
-		text-decoration: none;
-	}
-	&.active {
-		margin-top: $margin-md;
-		margin-bottom: $margin-md;
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.tile-#{$color} {
-			background-color: nth($palette-list-color, $i);
-			color: nth($palette-list-text, $i);
-			a,
-			a:focus,
-			a:hover {
-				color: inherit;
-			}
-		}
-	}
-
-.tile-action {
-	min-height: $tile-height;
-	order: 1;
-	user-select: none;
-	html.no-touchevents & {
-		display: none;
-	}
-	html.no-touchevents .tile:hover & {
-		display: block;
-	}
-}
-
-.tile-action-show {
-	html.no-touchevents & {
-		display: block;
-	}
-}
-
-.tile-active-show {
-	&.collapsing {
-		transition: height 0.15s linear;
-	}
-}
-
-.tile-collapse {
-	flex-direction: column;
-	transition: margin 0.15s linear;
-	&.active {
-		margin-right: ($grid-gutter / -2);
-		margin-left: ($grid-gutter / -2);
-	}
-	> [data-toggle="tile"] {
-		cursor: pointer;
-		display: flex;
-		flex: 1;
-		[data-ignore="tile"] {
-			cursor: default;
-			cursor: initial;
-		}
-	}
-}
-
-.tile-collapse-full {
-	&.active {
-		margin-right: calc(-50vw + 50% + 2px);
-		margin-left: calc(-50vw + 50% + 2px);
-	}
-	// 992
-		@include responsive(md) {
-			&.active {
-				margin-right: calc(-50vw + 50% + #{$grid-gutter});
-				margin-left: calc(-50vw + 50% + #{$grid-gutter});
-			}
-		}
-}
-
-.tile-footer {
-	background-color: $offwhite-solid;
-	border-top: 1px solid $black-divider;
-	min-height: $nav-height;
-	@include clearfix();
-	.tile > &,
-	.tile-active-show > & {
-		&:first-child {
-			border-top: 0;
-		}
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.tile-#{$color} .tile-footer {
-			background-color: nth($palette-list-dark, $i);
-			color: nth($palette-list-text-dark, $i);
-		}
-	}
-
-.tile-footer-btn {
-	margin: (($nav-height - $btn-height) / 2) ($grid-gutter / 2);
-	white-space: nowrap;
-	.btn + .btn {
-		margin-left: ($grid-gutter / 2);
-	}
-}
-
-.tile-inner {
-	flex: 1;
-	margin: (($tile-height - $line-height) / 2) $grid-gutter;
-	min-width: 0;
-}
-
-.tile-side {
-	align-self: center;
-	&.pull-left {
-		order: -1;
-		margin-left: $grid-gutter;
-	}
-	&.pull-right {
-		order: 1;
-		margin-right: $grid-gutter;
-	}
-}
-
-.tile-sub {
-	border-top: 1px solid $black-divider;
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-	@include clearfix();
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.tile-#{$color} .tile-sub {
-			border-top-color: nth($palette-list-dark, $i);
-		}
-	}
-
-.tile-wrap {
-	margin-top: $margin-md;
-	margin-bottom: $margin-md;
-}

data/app/assets/stylesheets/material/elements/_content.scss

@@ -1,42 +0,0 @@
-.content-header {
-	background-color: $offwhite-solid;
-	color: $black-text-solid;
-	overflow: hidden;
-	padding-top: $margin-sm;
-	padding-bottom: $margin-sm;
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.content-header-#{$color},
-		.page-#{$color} .content-header {
-			background-color: nth($palette-list-color, $i);
-			color: nth($palette-list-text, $i);
-		}
-	}
-
-.content-heading {
-	font-weight: $font-weight-light;
-}
-
-.content-inner {
-	margin-top: $margin-lg;
-	margin-bottom: $margin-lg;
-}
-
-.content-sub-heading {
-	font-size: $font-size-h4;
-	font-weight: $font-weight-medium;
-	line-height: $line-height-h4;
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.page-#{$color} .content-sub-heading {
-			color: nth($palette-list-color, $i);
-		}
-	}

data/app/assets/stylesheets/material/elements/_header.scss

@@ -1,141 +0,0 @@
-.header {
-	backface-visibility: hidden;
-	background-color: $offwhite-solid;
-	color: $black-text-solid;
-	min-height: $header-height;
-	z-index: $header-base;
-	&:after {
-		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-		content: "";
-		display: block;
-		height: 100%;
-		opacity: 0;
-		position: absolute;
-			top: 0;
-			left: 0;
-		transition: opacity 0.3s $timing;
-		width: 100%;
-		z-index: -1;
-	}
-	&.affix:after {
-		opacity: 1;
-	}
-	a {
-		color: inherit;
-		z-index: 1;
-	}
-	.nav {
-		margin-top: 0;
-		margin-bottom: 0;
-		> li > a,
-		> li > .a {
-			height: $header-height;
-		}
-	}
-	.tab-nav {
-		box-shadow: none;
-		margin-top: 0;
-		margin-bottom: 0;
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.header-#{$color} {
-			background-color: nth($palette-list-color, $i);
-			color: nth($palette-list-text, $i);
-		}
-	}
-
-.header-affix {
-	max-height: $header-height;
-	overflow: hidden;
-	width: 0;
-	&.affix {
-		width: auto;
-	}
-}
-
-.header-affix-hide {
-	max-height: $header-height;
-	overflow: hidden;
-	width: auto;
-	&.affix {
-		width: 0;
-	}
-}
-
-.header-logo,
-.header-text {
-	align-items: center;
-	display: flex;
-	float: left;
-	font-weight: $font-weight-light;
-	height: $header-height;
-	line-height: $line-height-h4;
-	margin: 0 $grid-gutter;
-	white-space: nowrap;
-	&:focus,
-	&:hover {
-		outline: 0;
-		text-decoration: none;
-	}
-}
-
-.header-logo {
-	font-size: $font-size-h4;
-	img {
-		display: block;
-		max-height: ($header-height * 0.75);
-		width: auto;
-	}
-}
-
-.header-seamed,
-.header-standard,
-.header-waterfall {
-	position: fixed;
-		top: 0;
-		right: 0;
-		left: 0;
-}
-
-.header-standard {
-	&:after {
-		opacity: 1;
-	}
-}
-
-.header-transparent {
-	background-color: transparent;
-	&:before {
-		background-color: $offwhite-solid;
-		content: "";
-		display: block;
-		height: 100%;
-		opacity: 0;
-		position: absolute;
-			top: 0;
-			left: 0;
-		transition: opacity 0.3s $timing;
-		width: 100%;
-		z-index: -1;
-	}
-	&.affix:before {
-		opacity: 1;
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.page-#{$color} .header-transparent {
-			color: nth($palette-list-text, $i);
-			&:before {
-				background-color: nth($palette-list-color, $i);
-			}
-		}
-	}