//
// Component: Tooltip
//
// ========================================================================


// Variables
// ========================================================================

@tooltip-z-index:                               @global-z-index + 30;
@tooltip-background:                            #f0f0f0;

@tooltip-color:                                 @global-color;
@tooltip-font-size:                             round((@global-font-size * 0.85)); // 12px / 14px
@tooltip-line-height:                           round((@tooltip-font-size * 1.46)); // 18px / 20px


// Component
// ========================================================================

.hook-tooltip() { border-radius: 3px; }


// Miscellaneous
// ========================================================================

.hook-tooltip-misc() {}