material-sass 0.0.4 → 1.0.0

data/app/assets/stylesheets/material/element/_toast.scss

@@ -1,67 +0,0 @@
-.toast {
-	position: fixed;
-		right: 0;
-		bottom: 0;
-		left: 0;
-	z-index: ($content-base + 1);
-	a {
-		color: lighten($link-color, 30%);
-		cursor: pointer;
-		&:focus,
-		&:hover {
-			color: lighten($link-color, 15%);
-			text-decoration: none;
-		}
-	}
-	.tooltip {
-		position: static !important;
-	}
-	// 768
-		@include responsive(sm) {
-			margin-right: ($grid-gutter * 2 + $line-height * 2);
-			// position
-				right: auto;
-				bottom: $line-height;
-				left: $grid-gutter !important;
-		}
-}
-
-.toast-inner {
-	backface-visibility: hidden;
-	background-color: $black-text;
-	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-	color: $white;
-	font-size: floor($font-size * 0.9);
-	padding: ($line-height / 2) $grid-gutter;
-	transform: translate3d(0, 200%, 0);
-	transition: all 0.3s $timing;
-	transition-property: transform;
-	@include clearfix();
-	.toast-show & {
-		transform: translate3d(0, 0, 0);
-	}
-	// 768
-		@include responsive(sm) {
-			border-radius: 2px;
-			float: left;
-		}
-	// no transform3d
-		.no-csstransforms3d & {
-			opacity: 0;
-		}
-		.no-csstransforms3d .toast-show & {
-			opacity: 1;
-		}
-}
-
-.toast-text {
-	overflow: hidden;
-}
-
-[data-dismiss="toast"] {
-	cursor: pointer;
-	float: right;
-	font-weight: $font-weight-bold;
-	margin-left: $grid-gutter;
-	text-transform: uppercase;
-}

data/app/assets/stylesheets/material/project.scss

@@ -1,8 +0,0 @@
-@import "mixin/css3";
-@import "mixin/grid";
-@import "mixin/responsive";
-@import "mixin/utilities";
-
-@import "variable";
-
-// project css

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

@@ -1,74 +0,0 @@
-.content {
-	padding-bottom: $line-height;
-	.searching & {
-		display: none;
-	}
-}
-
-.content-fix-scroll {
-	margin-right: ($grid-gutter * -1);
-	margin-left: ($grid-gutter * -1);
-	overflow: hidden;
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-	.content-fix.fixed & {
-		backface-visibility: hidden;
-		position: fixed;
-			top: ($line-height * 2);
-			bottom: 0;
-	}
-}
-
-.content-fix-wrap {
-	.content-fix.fixed & {
-		overflow-x: hidden;
-		overflow-y: auto;
-		padding-right: ($grid-gutter * 2);
-		padding-left: ($grid-gutter * 2);
-		position: absolute;
-			top: 0;
-			right: ($grid-gutter * -1);
-			bottom: 0;
-			left: ($grid-gutter * -1);
-		-webkit-overflow-scrolling: touch;
-		-ms-overflow-style: none;
-	}
-}
-
-.content-heading {
-	background-color: $brand-color;
-	color: $white;
-	overflow: hidden;
-	padding-top: ($line-height * 2);
-	position: relative;
-	transition: background-color 0.3s $timing, color 0.3s $timing;
-	z-index: 1;
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.page-#{$color} & {
-			background-color: nth($palette-color, $i);
-		}
-	}
-	.heading {
-		font-weight: $font-weight-light;
-	}
-}
-
-.content-sub-heading {
-	color: $brand-color;
-	font-size: $font-size-h4;
-	font-weight: $font-weight;
-	line-height: $line-height-h4;
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.page-#{$color} & {
-			color: nth($palette-color, $i);
-		}
-	}
-}
-
-.row-fix {
-	position: relative;
-}

data/app/assets/stylesheets/material/theme/_footer.scss

@@ -1,17 +0,0 @@
-.footer {
-	background-color: $white-bg-light;
-	border-top: 1px solid $black-bg;
-	color: $black-hint;
-	text-align: center;
-	position: absolute;
-		bottom: 0;
-		right: 0;
-		left: 0;
-	a {
-		color: $black-hint;
-		&:focus,
-		&:hover {
-			color: $black-text;
-		}
-	}
-}

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

@@ -1,128 +0,0 @@
-.header {
-	backface-visibility: hidden;
-	background-color: $brand-color;
-	color: $white;
-	position: fixed;
-		top: 0;
-		right: 0;
-		left: 0;
-	transition: background-color 0.3s $timing, box-shadow 0.15s linear;
-	z-index: $header-base;
-	@include clearfix();
-	&.fixed,
-	&.open {
-		background-color: $brand-color-dark-m;
-		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-	}
-	a {
-		color: $white;
-	}
-	.dropdown-menu {
-		border-radius: 2px;
-		a {
-			color: $black-text;
-		}
-	}
-	.dropdown-toggle {
-		z-index: 1;
-		&:after {
-			background-color: rgba(0, 0, 0, 0.3);
-			border-radius: 50%;
-			content: "";
-			display: block;
-			height: ($line-height * 1.5);
-			margin-left: ($line-height * -0.75);
-			position: absolute;
-				top: ($line-height * 0.25);
-				left: 50%;
-			transform: scale(0);
-			transition: all 0.3s $timing;
-			transition-property: background-color, transform;
-			width: ($line-height * 1.5);
-			z-index: -1;
-			// no csstransforms
-				.no-csstransforms & {
-					display: none;
-				}
-		}
-	}
-	.dropdown.open .dropdown-toggle {
-		background-color: transparent;
-		&:after {
-			transform: scale(1);
-			// no csstransforms
-				.no-csstransforms & {
-					display: block;
-				}
-		}
-	}
-	.nav {
-		margin: 0;
-	}
-	.tab-nav {
-		box-shadow: none;
-		margin: 0;
-	}
-}
-
-// colour
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.page-#{$color} .header {
-			background-color: nth($palette-color, $i);
-			&.fixed,
-			&.open {
-				background-color: nth($palette-color-dark-m, $i);
-			}
-		}
-	}
-
-.header-btn {
-	display: block;
-	float: left;
-	height: ($line-height * 2);
-	padding: (($line-height * 2 - $line-height-h4) / 2) $grid-gutter;
-	text-align: center;
-	&:focus,
-	&:hover {
-		text-decoration: none;
-	}
-}
-
-.header-fix-hide {
-	.header.fixed & {
-		display: none !important;
-	}
-}
-
-.header-fix-show {
-	display: none !important;
-	.header.fixed & {
-		display: block !important;
-	}
-}
-
-.header-logo,
-.header-text {
-	display: block;
-	float: left;
-	font-weight: $font-weight-light;
-	height: ($line-height * 2);
-	line-height: $line-height-h4;
-	margin: 0;
-	padding: (($line-height * 2 - $line-height-h4) / 2) $grid-gutter;
-	&:focus,
-	&:hover {
-		text-decoration: none;
-	}
-}
-
-.header-logo {
-	font-size: $font-size-h4;
-	img {
-		display: block;
-		max-height: $line-height-h4;
-		width: auto;
-	}
-}