/* MODULE SCSS => ./scss2/_tooltip.scss
*//*
 * LICENCE : CloudUnit is available under the Affero Gnu Public License GPL V3 : https://www.gnu.org/licenses/agpl-3.0.html
 *     but CloudUnit is licensed too under a standard commercial license.
 *     Please contact our sales team if you would like to discuss the specifics of our Enterprise license.
 *     If you are not sure whether the GPL is right for you,
 *     you can always test our software under the GPL and inspect the source code before you contact us
 *     about purchasing a commercial license.
 *
 *     LEGAL TERMS : "CloudUnit" is a registered trademark of Treeptik and can't be used to endorse
 *     or promote products derived from this project without prior written permission from Treeptik.
 *     Products or services derived from this software may not be called "CloudUnit"
 *     nor may "Treeptik" or similar confusing terms appear in their names without prior written permission.
 *     For any questions, contact us : contact@treeptik.fr
 */

/*
.icon-button:hover .tooltip {
  visibility: visible !important;
}

.tooltip {
  position: absolute;
  font-size: 10px;
  font-family: sans-serif;
  padding: 8px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  border-radius: 3px; // TODO: not in spec.
  white-space: nowrap;
  line-height: 6px;
  z-index: 1002; // TODO: this is brittle.
  @include user-select(none);
  visibility: hidden;
}

.tooltip.noarrow::after {
  display: none;
}

.tooltip::after {
  position: absolute;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  border-width: 4px;
}

.top {
  //margin-bottom: 10px;  TODO: not specified in spec 
  bottom: 100%;
}

.right {
  margin-left: 10px; // TODO: not specified in spec 
  left: 100%;
}

.bottom {
  top: 100%;
  margin-top: 10px; // TODO: not specified in spec 
}

.left {
  margin-right: 10px; // TODO: not specified in spec 
  right: 100%;
}

.tooltip.bottom:after {
  bottom: 100%;
  left: calc(50% - 4px);
  border-bottom-color: rgba(0, 0, 0, 0.8);
}

.tooltip.left:after {
  left: 100%;
  top: calc(50% - 4px);
  border-left-color: rgba(0, 0, 0, 0.8);
}

.tooltip.top:after {
  top: 100%;
  left: calc(50% - 4px);
  border-top-color: rgba(0, 0, 0, 0.8);
}

.tooltip.right:after {
  right: 100%;
  top: calc(50% - 4px);
  border-right-color: rgba(0, 0, 0, 0.8);
}
*/

.clipboard {
  cursor: pointer;
}