superdesk/superdesk-client-core

View on GitHub
styles/sass/tooltip.scss

Summary

Maintainability
Test Coverage
// TOOLTIP
// ------=

.tooltip {
  position: absolute;
  z-index: $zindexTooltip;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  @include opacity(0);
  &.in     { @include opacity(90); }
  &.top    { margin-block-start:  -2px; }
  &.right  { margin-inline-start:  2px; }
  &.bottom { margin-block-start:   2px; }
  &.left   { margin-inline-start: -2px; }
  // &.top .tooltip-arrow    { #popoverArrow > .top(); }
  // &.left .tooltip-arrow   { #popoverArrow > .left(); }
  // &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
  // &.right .tooltip-arrow  { #popoverArrow > .right(); }
}
.tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: $white;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background-color: $black;
  @include border-radius(1px);
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}