Contents

.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;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
material-sass-0.0.4	app/assets/stylesheets/material/element/_toast.scss