# cartflows/3.3.0/wizard/assets/src/fields/Tooltip.scss

CartFlows – Funnel Builder & Checkout Plugin for WooCommerce, version 3.3.0. 56 lines.

- Page: https://pluginprobe.com/plugins/cartflows/3.3.0/code/wizard/assets/src/fields/Tooltip.scss
- Raw: https://pluginprobe.com/plugins/cartflows/3.3.0/raw/wizard/assets/src/fields/Tooltip.scss
- Modified: 2024-12-10T14:22:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/cartflows/3.3.0/code/wizard/assets/src/fields/Tooltip.scss#L10-L20`.

```scss
.wcf-tooltip-icon {
	position: relative;

	.dashicons {
		display: block;
		position: relative;
	}

	.wcf-tooltip-text {
		visibility: hidden;
		background-color: #444;
		color: #fff;
		padding: 5px 8px;
		border-radius: 4px;
		position: absolute;
		z-index: 1;
		line-height: 13px;

		/* min-width: 100px; */
		width: max-content;
		max-width: 230px;
		white-space: normal;
		left: -20px;
		font-size: 11px;
		top: 25px;

		&::after {
			content: "";
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #444 transparent;
			top: -10px;
			left: 30px;
			position: absolute;
		}
	}

	&:hover .wcf-tooltip-text,
	&.disabled:hover .wcf-tooltip-text {
		visibility: visible;
	}

	&.wcf-tooltip-position--right {
		.wcf-tooltip-text {
			top: -5px;
			left: 25px;
		}
		.wcf-tooltip-text::after {
			left: -5px;
			top: 8px;
			transform: rotate( 270deg );
		}
	}
}

```