bee-clipboard/build/Clipboard.css

Clipboard ui component for react

/* FormGroup */
/*  Navlayout  */
/* FormGroup */
/*  Navlayout  */
.u-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0; }
  .u-tooltip.in {
    opacity: 0.9 !important; }
  .u-tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .u-tooltip .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    word-wrap: break-word; }
  .u-tooltip.right {
    padding: 0 5px; }
    .u-tooltip.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .u-tooltip.top {
    padding: 5px 0; }
    .u-tooltip.top .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .u-tooltip.left {
    padding: 0 5px; }
    .u-tooltip.left .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }
  .u-tooltip.bottom {
    padding: 5px 0; }
    .u-tooltip.bottom .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000; }
  .u-tooltip.inverse.bottom .tooltip-arrow::after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #fff; }
  .u-tooltip.inverse.bottom .tooltip-arrow {
    border-bottom-color: #d9d9d9; }
  .u-tooltip.inverse.left .tooltip-arrow::after {
    border-right-width: 0;
    top: -5px;
    margin-left: -6px;
    border-left-color: #fff; }
  .u-tooltip.inverse.left .tooltip-arrow {
    border-left-color: #d9d9d9; }
  .u-tooltip.inverse.right .tooltip-arrow::after {
    border-left-width: 0;
    top: -5px;
    margin-left: 1px;
    border-right-color: #fff; }
  .u-tooltip.inverse.right .tooltip-arrow {
    border-right-color: #d9d9d9; }
  .u-tooltip.inverse.top .tooltip-arrow::after {
    top: -6px;
    margin-left: -5px;
    border-bottom-width: 0;
    border-bottom-color: #d9d9d9;
    border-top-color: #fff; }
  .u-tooltip.inverse.top .tooltip-arrow {
    border-top-color: #d9d9d9; }
  .u-tooltip.inverse .tooltip-inner {
    background-color: #fff;
    color: #333333;
    border: 1px solid #d9d9d9; }
  .u-tooltip.inverse .tooltip-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    content: " "; }

.u-clipboard {
  cursor: pointer; }