/************
 * Tooltips *
 ************/
tooltip {
  &.background {
    // background-color needs to be set this way otherwise it gets drawn twice
    // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
    background-color: transparentize(black, 0.2);
    background-clip: padding-box;
    border: none;
  }

  padding: 4px; /* not working */
  border-radius: 2px;
  box-shadow: none; // otherwise it gets inherited by windowframe.csd
  text-shadow: none;

  // FIXME: we need a border or tooltips vanish on black background.
  decoration { background-color: transparent; }

  * { // Yeah this is ugly
    padding: 4px;
    background-color: transparent;
    color: white;
  }
}

.tooltip,
.overlay-bar {
  &.background {
    background-color: $base_color;
    border: none;
  }

  padding: 4px 8px;
  border: none;
  border-radius: 2px;
  background-color: $base_color;
  color: $fg_color;
  box-shadow: 0 1px 2px 0 transparentize(black, 0.7);
}