| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
- // For licensing, see LICENSE.md or http://ckeditor.com/license
- /**
- * Enables the tooltip, which is the tooltip is in DOM but
- * not yet displayed.
- */
- @mixin ck-tooltip_enabled {
- .ck-tooltip {
- display: block;
- }
- }
- /**
- * Disables the tooltip making it disappear from DOM.
- */
- @mixin ck-tooltip_disabled {
- .ck-tooltip {
- display: none;
- }
- }
- /**
- * Shows the tooltip, which is already in DOM.
- * Requires `ck-tooltip_enabled` first.
- */
- @mixin ck-tooltip_visible {
- .ck-tooltip {
- visibility: visible;
- opacity: 1;
- }
- }
- .ck-tooltip,
- .ck-tooltip__text::after {
- position: absolute;
- // Without this, hovering the tooltip could keep it visible.
- pointer-events: none;
- // This is to get rid of flickering when transitioning opacity in Chrome.
- // It's weird but it works.
- -webkit-backface-visibility: hidden;
- }
- .ck-tooltip {
- // Tooltip is hidden by default.
- visibility: hidden;
- opacity: 0;
- display: none;
- z-index: ck-z( 'modal' );
- }
- .ck-tooltip__text {
- display: inline-block;
- }
- .ck-tooltip__text::after {
- content: "";
- width: 0;
- height: 0;
- }
|