ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / entrepro / wp-content / plugins / buddypress / bp-templates / bp-nouveau / common-styles

// BuddyPress Tooltips
// @version 4.0.0

[data-bp-tooltip] {
	position: relative;

// Removed :before
	&:after {
		background-color: $tooltip-background;
		display: none;
		opacity: 0;
		position: absolute;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: hidden;
	}

// BP Tooltip body and text
	&:after {
		border: 1px solid $tooltip-border;
		border-radius: $tooltip-border-radius;
		box-shadow: $tooltip-box-shadow;
		color: $tooltip-text-color;
		content: attr(data-bp-tooltip);
		font-family: $tooltip-font-family;
		font-size: $tooltip-font-size;
		font-weight: $tooltip-font-weight;
		letter-spacing: normal;
		line-height: 1.25;
		max-width: $tooltip-max-width;
		padding: $tooltip-padding-vert $tooltip-padding-hor;
		pointer-events: none;
		text-shadow: none;
		text-transform: none;
		-webkit-transition: all 1.5s ease;
		-ms-transition: all 1.5s ease;
		transition: all 1.5s ease;
		white-space: nowrap;
		word-wrap: break-word;
		z-index: $tooltip-z-index;
	}

// BP Tooltip arrow tip - removed :before

&:hover,
	&:active,
	&:focus {

// Removed :before
		&:after {

display: block;
			opacity: 1;
			overflow: visible;
			visibility: visible;
		}
	}
}

[data-bp-tooltip=""] {
	display: none;
	opacity: 0;
	visibility: hidden;
}

// Bottom Centered Tooltip - Default

.bp-tooltip {

@include bp-tooltip-default;
}

// Bottom Left Tooltip for mobile and Bottom Right Tooltip for tablet/desktop

.user-list .bp-tooltip {

@include bp-tooltip-bottom-left;

@include medium-up() {

@include bp-tooltip-bottom-right;
	}
}

// Bottom Left Tooltip

.activity-list .bp-tooltip,
.activity-meta-action .bp-tooltip,
.avatar-block .item-avatar .bp-tooltip,
.notification-actions .bp-tooltip,
.participants-list .bp-tooltip {

@include bp-tooltip-bottom-left;
}

// Bottom Right Tooltip

.bp-invites-content .bp-tooltip,
.message-metadata .actions .bp-tooltip,
.single-message-thread-header .actions .bp-tooltip {

@include bp-tooltip-bottom-right;
}

.bp-invites-content #send-invites-editor .bp-tooltip {

// override .bp-invites-content .bp-tooltip
	&:after {
		left: 0;
		right: auto;
	}
}

[+] ..
[-] _bp_groups_activity.scss [edit]
[-] _bp_groups_management.scss [edit]
[-] _bp_registration.scss [edit]
[-] _bp_activity_entries.scss [edit]
[-] _bp_members_loop.scss [edit]
[-] _bp_groups_create.scss [edit]
[-] _bp_forms.scss [edit]
[-] _bp_comment_form.scss [edit]
[-] _bp_update_form.scss [edit]
[-] _bp_animations.scss [edit]
[-] _bp_blogs_loop.scss [edit]
[-] _bp_activity_comments.scss [edit]
[-] _bp-variables.scss [edit]
[-] _bp_layouts.scss [edit]
[-] _bp_group_header.scss [edit]
[-] _bp_messages.scss [edit]
[-] _bp_lists.scss [edit]
[-] _bp_pagination.scss [edit]
[-] _bp_tables.scss [edit]
[-] _bp_widgets.scss [edit]
[-] _bp_search.scss [edit]
[-] _bp_generic_and_typography.scss [edit]
[-] _bp_user_settings.scss [edit]
[-] _bp-mixins.scss [edit]
[-] _bp_general_classes.scss [edit]
[-] _bp_navigation.scss [edit]
[-] _bp_item_body_general.scss [edit]
[-] _bp_user_header.scss [edit]
[-] _bp_filters.scss [edit]
[-] _bp_tooltips.scss [edit]
[-] _bp_info_messages.scss [edit]
[-] _bp_item_header_general.scss [edit]
[-] _bp_buttons.scss [edit]
[-] _bp_groups_loop.scss [edit]
[-] _bp_groups_item_body.scss [edit]
[-] _bp_cover_image.scss [edit]
[-] _bp_user_profile.scss [edit]