Contents

.avatar {
	background-color: $offwhite;
	border-radius: 50%;
	color: inherit;
	display: block;
	height: $avatar-height;
	line-height: $avatar-height;
	text-align: center;
	width: $avatar-height;
	&[href]:focus,
	&[href]:hover {
		color: inherit;
		text-decoration: none;
	}
	.card-header-side > & {
		&:first-child {
			margin-top: (($avatar-height - $line-height) / -2);
		}
		&:last-child {
			margin-bottom: (($avatar-height - $line-height) / -2);
		}
	}
	.nav a > &,
	.nav .a > & {
		margin-top: (($avatar-height - $line-height) / -2);
		margin-bottom: (($avatar-height - $line-height) / -2);
	}
	img {
		border-radius: 50%;
		height: 100%;
		vertical-align: top;
		width: 100%;
	}
	.fa {
		display: block;
		height: 100%;
		line-height: inherit;
		text-align: center;
	}
	.fa-text {
		font-family: inherit;
	}
}

// colour
	@each $color in $palette-list-class {
		$i: index($palette-list-class, $color);

		.avatar-#{$color} {
			background-color: nth($palette-list-color, $i);
			color: nth($palette-list-text, $i);
			&:focus,
			&:hover {
				color: nth($palette-list-text, $i);
			}
		}
	}

// size
	.avatar-lg {
		height: ($avatar-height * 2);
		line-height: ($avatar-height * 2);
		width: ($avatar-height * 2);
	}

	.avatar-sm {
		height: ($avatar-height * 0.8);
		line-height: ($avatar-height * 0.8);
		width: ($avatar-height * 0.8);
		.card-header-side > & {
			&:first-child {
				margin-top: (($avatar-height * 0.8 - $line-height) / -2);
			}
			&:last-child {
				margin-bottom: (($avatar-height * 0.8 - $line-height) / -2);
			}
		}
		.nav a > &,
		.nav .a > & {
			margin-top: (($avatar-height * 0.8 - $line-height) / -2);
			margin-bottom: (($avatar-height * 0.8 - $line-height) / -2);
		}
	}

	.avatar-xs {
		font-size: $font-size-h6;
		height: $line-height;
		line-height: $line-height;
		width: $line-height;
	}

.avatar-inline {
	display: inline-block;
}

Version data entries

2 entries across 2 versions & 1 rubygems

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