Sha256: 06cc14424c4cebb5e540c54e4b4903786a0bebdcb97e093a2590e56d2927f9cb

Contents?: true

Size: 1.06 KB

Versions: 2

Compression:

Stored size: 1.06 KB

Contents

.snackbar {
	position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
	z-index: ($content-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 {
	overflow: hidden;
}

[data-dismiss="snackbar"] {
	cursor: pointer;
	float: right;
	font-weight: $font-weight-medium;
	margin-left: $grid-gutter;
	order: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
material-sass-1.1.0 app/assets/stylesheets/material/components/_snackbar.scss
material-sass-1.0.0 app/assets/stylesheets/material/components/_snackbar.scss