golden hour

/var/www/html/wp-content/plugins/buddypress/bp-members/sass/blocks

File/Folder	Size	Actions
dynamic-members.scss	447 B
member-avatar-blocks.scss	205 B
member.scss	1.84 KB
members.scss	2.88 KB

Edit: member.scss

/* CSS for the bp/member block */
[data-type="bp/member"] {

input.components-placeholder__input {
		flex: 1 1 auto;
		border-radius: 2px;
		border: 1px solid #757575;
		padding: 6px 8px;
	}
}

.bp-block-member {
	position: relative;

.member-content {
		display: flex;
	}

.user-nicename {
		display: block;

a {
			color: currentColor;
			text-decoration: none;
			border: none;
		}
	}

.bp-profile-button {
		width: 100%;

a.button {
			position: absolute;
			bottom: 10px;
			right: 0;
			display: inline-block;
			margin: 18px 0 0;
		}
	}

&.has-cover {

.member-content,
		.item-header-avatar,
		.member-description {
			z-index: 2;
		}

.member-content {
			padding-top: 75px;
		}

.member-description {
			padding-top: 75px;
		}

.bp-member-cover-image {
			background-color: #c5c5c5;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			border: 0;
			display: block;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
			height: 150px;
		}
	}

img.avatar {
		width: auto;
		height: auto;
	}

&.avatar-none {

.item-header-avatar {
			display: none;
		}
	}

&.avatar-none.has-cover {
		min-height: 200px;
	}

&.avatar-full {
		min-height: 150px;

.item-header-avatar {
			width: 180px;
		}
	}

&.avatar-full.has-cover {
		min-height: 300px;

.item-header-avatar {
			width: 200px;
		}

img.avatar {
			border: solid 2px #fff;
			background: rgba(255, 255, 255, 0.8);
			margin-left: 20px;
		}
	}

&.avatar-thumb {

.member-content {
			min-height: 50px;
			align-items: center;
		}

.item-header-avatar {
			width: 70px;
		}
	}

&.avatar-thumb.has-cover {

.item-header-avatar {
			padding-top: 75px;
		}
	}
}

.entry .entry-content .bp-block-member .user-nicename {

a {
		color: currentColor;
		text-decoration: none;
		border: none;
	}
}