material-sass 1.4.1 → 4.0.0.alpha5

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

@@ -1,267 +0,0 @@
-.menu {
-	backface-visibility: hidden;
-	display: none;
-	overflow: hidden;
-	outline: 0;
-	position: fixed;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-	z-index: ($header-base + 1);
-}
-
-.menu-collapse-toggle {
-	align-items: center;
-	cursor: pointer;
-	display: flex;
-	height: 100%;
-	padding: 0 $grid-gutter;
-	position: absolute;
-		top: 0;
-		right: 0;
-	z-index: 1;
-	&:focus,
-	&:hover {
-		outline: 0;
-		text-decoration: none;
-	}
-}
-
-.menu-collapse-toggle-close,
-.menu-collapse-toggle-default {
-	transition-duration: 0.3s;
-	transition-property: opacity, transform;
-	transition-timing-function: $timing;
-}
-
-.menu-collapse-toggle-close {
-	align-items: center;
-	display: flex;
-	height: 100%;
-	justify-content: center;
-	opacity: 1;
-	position: absolute;
-		top: 0;
-		left: 0;
-	transform: rotate(0);
-	width: 100%;;
-	.menu-collapse-toggle.collapsed & {
-		opacity: 0;
-		transform: rotate(-225deg);
-	}
-}
-
-.menu-collapse-toggle-default {
-	opacity: 0;
-	transform: rotate(225deg);
-	.menu-collapse-toggle.collapsed & {
-		opacity: 1;
-		transform: rotate(0);
-	}
-}
-
-.menu-content {
-	padding-top: $margin-base;
-	padding-bottom: $margin-base;
-	.nav {
-		margin-top: 0;
-		margin-bottom: 0;
-		a,
-		.a {
-			color: $black-text-solid;
-			font-weight: $font-weight-medium;
-			&:focus,
-			&:hover {
-				background-color: $offwhite-solid;
-			}
-		}
-		li.active {
-			> a,
-			> .a {
-				color: $brand-color;
-			}
-		}
-		ul {
-			a,
-			.a {
-				font-weight: $font-weight-normal;
-				min-height: ($nav-height * 0.75);
-				padding-left: ($grid-gutter * 2);
-			}
-			ul {
-				a,
-				.a {
-					font-size: $font-size-h6;
-					padding-left: ($grid-gutter * 3);
-				}
-			}
-		}
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.page-#{$color} .menu-content .nav li.active {
-			> a,
-			> .a {
-				color: nth($palette-list-color, $i);
-			}
-		}
-	}
-
-.menu-content-inner {
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-}
-
-.menu-backdrop {
-	backface-visibility: hidden;
-	background-color: $black;
-	opacity: 0;
-	position: fixed;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-	transition: opacity 0.3s $timing;
-	z-index: $header-base;
-	&.in {
-		opacity: 0.5;
-	}
-}
-
-.menu-logo {
-	align-items: center;
-	border-bottom: 1px solid $black-divider-solid;
-	color: $black-text-solid;
-	display: flex;
-	font-size: $font-size-h4;
-	font-weight: $font-weight-light;
-	line-height: $line-height-h4;
-	margin-bottom: $margin-base;
-	min-height: $header-height;
-	padding: 0 $grid-gutter;
-	&[href]:focus,
-	&[href]:hover {
-		color: $black-text-solid;
-		outline: 0;
-		text-decoration: none;
-	}
-	.menu-content > & {
-		&:first-child {
-			margin-top: ($margin-base * -1);
-		}
-	}
-	img {
-		display: block;
-		max-height: ($header-height * 0.75);
-		width: auto;
-	}
-}
-
-.menu-scroll {
-	background-color: $white;
-	height: 100%;
-	max-width: 85%;
-	max-width: calc(100% - #{$grid-gutter * 4});
-	overflow-x: hidden;
-	overflow-y: auto;
-	position: fixed;
-		top: 0;
-		left: 0;
-	transform: translateX(-100%);
-	transition: transform 0.3s $timing;
-	width: ($grid-gutter * 20);
-	z-index: 1;
-	-webkit-overflow-scrolling: touch;
-	-ms-overflow-style: none;
-	.menu-right & {
-		// position
-			right: 0;
-			left: auto;
-		transform: translateX(100%);
-	}
-	.menu.in & {
-		transform: translateX(0);
-	}
-	// 992
-		@include responsive(md) {
-			max-width: none;
-		}
-}
-
-.menu-top {
-	background-color: $black;
-	color: $white-text-solid;
-	position: relative;
-	z-index: 1;
-	a,
-	a:focus,
-	a:hover {
-		color: inherit;
-		text-decoration: none;
-	}
-}
-
-.menu-top-img {
-	align-items: center;
-	display: flex;
-	height: 100%;
-	justify-content: center;
-	overflow: hidden;
-	position: absolute;
-		top: 0;
-		left: 0;
-	width: 100%;
-	img {
-		min-height: 100%;
-		width: 100%;
-		opacity: 0.5;
-	}
-}
-
-.menu-top-info {
-	padding: $margin-sm $grid-gutter;
-	position: relative;
-	// 768
-		@include responsive(sm) {
-			padding-top: $margin-md;
-			padding-bottom: $margin-md;
-		}
-}
-
-.menu-top-info-sub {
-	font-weight: $font-weight-light;
-	padding: $margin-sm $grid-gutter;
-	position: relative;
-	// 768
-		@include responsive(sm) {
-			padding-top: $margin-md;
-		}
-}
-
-.menu-top-user {
-	align-items: center;
-	display: flex;
-	> * {
-		flex-shrink: 0;
-	}
-}
-
-.nav-drawer {
-	// 992
-		@include responsive(md) {
-			&.nav-drawer-md {
-				@include nav-drawer()
-			}
-		}
-	// 1440
-		@include responsive(lg) {
-			&.nav-drawer-lg {
-				@include nav-drawer();
-			}
-		}
-}

data/app/assets/stylesheets/material/mixin/_grid.scss

@@ -1,78 +0,0 @@
-@mixin make-container() {
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-	@include clearfix();
-}
-
-@mixin make-row() {
-	margin-right: ($grid-gutter * -1);
-	margin-left: ($grid-gutter * -1);
-	@include clearfix();
-}
-
-// col
-	@mixin calc-col($index, $class, $type) {
-		@if ($type == colwidth) and ($index > 0) {
-			.col-#{$class}-#{$index} {
-				width: percentage(($index / $grid-cols));
-			}
-		}
-		@if ($type == offset) {
-			.col-#{$class}-offset-#{$index} {
-				margin-left: percentage(($index / $grid-cols));
-			}
-		}
-		@if ($type == pull) {
-			.col-#{$class}-pull-#{$index} {
-				right: percentage(($index / $grid-cols));
-			}
-		}
-		@if ($type == push) {
-			.col-#{$class}-push-#{$index} {
-				left: percentage(($index / $grid-cols));
-			}
-		}
-	}
-
-	@mixin float-col($class) {
-		$i: 1;
-		$list: "";
-		$list: ".col-#{$class}-#{$i}";
-		@for $i from (1 + 1) through $grid-cols {
-			$list: "#{$list}, .col-#{$class}-#{$i}";
-		}
-		#{$list} {
-			float: left;
-		}
-	}
-
-	@mixin loop-col($columns, $class, $type) {
-		@for $i from 0 through $columns {
-			@include calc-col($i, $class, $type);
-		}
-	}
-
-	@mixin make-col() {
-		$i: 1;
-		$list: "";
-		$list: ".col-xx-#{$i}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
-		@for $i from (1 + 1) through $grid-cols {
-			$list: "#{$list}, .col-xx-#{$i}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
-		}
-		#{$list} {
-			min-height: 1px;
-			position: relative;
-			padding-left: $grid-gutter;
-			padding-right: $grid-gutter;
-		}
-	}
-
-	@mixin make-grid($class) {
-		@include float-col($class);
-		@include loop-col($grid-cols, $class, colwidth);
-		@include loop-col($grid-cols, $class, offset);
-		@include loop-col($grid-cols, $class, pull);
-		@include loop-col($grid-cols, $class, push);
-	}

data/app/assets/stylesheets/material/mixin/_responsive.scss

@@ -1,32 +0,0 @@
-@mixin responsive($screen-size) {
-	// 480
-		@if $screen-size == xs {
-			@media only screen and (min-width: $screen-xs) {
-				@content;
-			}
-		}
-	// 768
-		@else if $screen-size == sm {
-			@media only screen and (min-width: $screen-sm) {
-				@content;
-			}
-		}
-	// 992
-		@else if $screen-size == md {
-			@media only screen and (min-width: $screen-md) {
-				@content;
-			}
-		}
-	// 1440
-		@else if $screen-size == lg {
-			@media only screen and (min-width: $screen-lg) {
-				@content;
-			}
-		}
-	// customised break point
-		@else {
-			@media only screen and #{$screen-size} {
-				@content;
-			}
-		}
-}

data/app/assets/stylesheets/material/mixin/_utilities.scss

@@ -1,69 +0,0 @@
-@function unicode($str){
-	@return unquote("\"") + $str + unquote("\"");
-}
-
-@mixin clearfix() {
-	&:after,
-	&:before {
-		content: "";
-		display: table;
-		line-height: 0;
-	}
-	&:after {
-		clear: both;
-	}
-}
-
-@mixin form-label() {
-	padding-top: (($input-height - $line-height) / 2);
-	padding-bottom: (($input-height - $line-height) / 2);
-	text-align: right;
-}
-
-@mixin img-responsive() {
-	display: block;
-	height: auto;
-	max-width: 100%;
-	width: 100% \9;
-}
-
-@mixin nav-drawer() {
-	background-color: transparent;
-	display: block !important;
-	overflow: visible;
-	width: ($grid-gutter * 15);
-	z-index: $header-base;
-	&.in ~ .menu-backdrop {
-		display: none;
-		~ .menu-backdrop {
-			display: block;
-		}
-	}
-	&.menu-left {
-		~ .content,
-		~ .footer,
-		~ .header {
-			margin-left: ($grid-gutter * 15);
-		}
-	}
-	&.menu-right {
-		~ .content,
-		~ .footer,
-		~ .header {
-			margin-right: ($grid-gutter * 15);
-		}
-	}
-	.menu-scroll {
-		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-		transform: none;
-		width: ($grid-gutter * 15);
-	}
-}
-
-@mixin text-overflow() {
-	display: block;
-	line-height: inherit;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}

data/app/assets/stylesheets/material/utilities/_print.scss

@@ -1,95 +0,0 @@
-@media print {
-	*,
-	*:after,
-	*:before {
-		background: transparent !important;
-		box-shadow: none !important;
-		text-shadow: none !important;
-	}
-
-	a,
-	a:visited {
-		text-decoration: underline;
-	}
-
-	a[href]:after {
-		content: " (" attr(href) ")";
-	}
-
-	a[href^="#"]:after,
-	a[href^="javascript:"]:after {
-		content: "";
-	}
-
-	abbr[title]:after {
-		content: " (" attr(title) ")";
-	}
-
-	blockquote,
-	pre {
-		border: 1px solid $black-divider-solid;
-		page-break-inside: avoid;
-	}
-
-	img,
-	tr {
-		page-break-inside: avoid;
-	}
-
-	img {
-		max-width: 100% !important;
-	}
-
-	h2,
-	h3,
-	p {
-		orphans: 3;
-		widows: 3;
-	}
-
-	h2,
-	h3 {
-		page-break-after: avoid;
-	}
-
-	thead {
-		display: table-header-group;
-	}
-
-	.hidden-print {
-		display: none !important;
-	}
-
-	// material
-		.card,
-		.card-img,
-		.card-side {
-			border-radius: 0 !important;
-		}
-
-		.card,
-		.tile {
-			border: 1px solid $black-divider-solid;
-		}
-}
-
-.visible-print-block {
-	display: none !important;
-	@media print {
-		display: block !important;
-	}
-}
-
-.visible-print-inline {
-	display: none !important;
-	@media print {
-		display: inline !important;
-	}
-}
-
-.visible-print-inline-block {
-	display: none !important;
-	@media print {
-		display: inline-block !important;
-	}
-}