# code-snippets/3.6.6/css/edit/_tooltips.scss

Code Snippets, version 3.6.6. 65 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/3.6.6/code/css/edit/_tooltips.scss
- Raw: https://pluginprobe.com/plugins/code-snippets/3.6.6/raw/css/edit/_tooltips.scss
- Modified: 2022-10-26T07:43:12+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/code-snippets/3.6.6/code/css/edit/_tooltips.scss#L10-L20`.

```scss

.editor-help-tooltip {
	cursor: help;
	padding: 0.3em 0.3em 0;
	display: inline-block;
	font-size: 10px;
	background: transparent !important;
}

.snippet-editor-help {
	position: absolute;
	right: 5px;
	top: 5px;

	&:hover .editor-help-text {
		visibility: visible;
		opacity: 1;
	}
}

.editor-help-text {
	visibility: hidden;
	background-color: #555;
	color: #fff;
	padding: 5px;
	border-radius: 6px;
	position: absolute;
	z-index: 99;
	top: 125%;
	right: 0;
	margin-right: -10px;
	opacity: 0;
	transition: opacity 0.3s;
	white-space: nowrap;
	font-size: small;

	&::after {
		content: "";
		position: absolute;
		bottom: 100%;
		right: 0;
		margin-right: 10px;
		border: 5px solid transparent;
		border-bottom-color: #555;
	}

	td:first-child {
		padding-right: 0.5em;
	}

	.mac-key {
		display: none;
	}

	&.platform-mac {
		.mac-key {
			display: inline;
		}

		.pc-key {
			display: none;
		}
	}
}

```