Sha256: ae27e20dff44c43ac2c10a75d237e00ceea9046a6c63b5273df88272aed25270

Contents?: true

Size: 1.96 KB

Versions: 21

Compression:

Stored size: 1.96 KB

Contents

@import 'css/romo/vars';
@import 'css/romo/mixins';

.romo-tooltip {
  cursor: pointer;
}

.romo-tooltip-popup {
  position: absolute;
  float: left;
  @include border1-radius;

  white-space: normal;
  text-align: center;

  font-size: 11px;
  line-height: 1.4;
  font-weight: 300;
}

.romo-tooltip-popup:not([class*="romo-tooltip-open"]) {
  display: none;
}

.romo-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.romo-tooltip-popup[data-romo-tooltip-position="top"] .romo-tooltip-arrow {
  border-width: 6px 6px 0;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
}

.romo-tooltip-popup[data-romo-tooltip-position="right"] .romo-tooltip-arrow {
  border-width: 6px 6px 6px 0;
  left: -6px;
  top: 50%;
  margin-top: -6px;
}

.romo-tooltip-popup[data-romo-tooltip-position="bottom"] .romo-tooltip-arrow {
  border-width: 0 6px 6px;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}

.romo-tooltip-popup[data-romo-tooltip-position="left"] .romo-tooltip-arrow {
  border-width: 6px 0 6px 6px;
  right: -6px;
  top: 50%;
  margin-top: -6px;
}

.romo-tooltip-popup[data-romo-tooltip-alignment="left"]   { @include align-left; }
.romo-tooltip-popup[data-romo-tooltip-alignment="center"] { @include align-center; }
.romo-tooltip-popup[data-romo-tooltip-alignment="right"]  { @include align-right; }

.romo-tooltip-body {
  padding: 6px 8px;
  overflow: hidden;
}


/* theme */

.romo-tooltip-popup {
  background-color: $tooltipBgColor;
  color: $tooltipColor;
}

.romo-tooltip-popup[data-romo-tooltip-position="top"] .romo-tooltip-arrow {
  border-top-color: $tooltipBgColor;
}
.romo-tooltip-popup[data-romo-tooltip-position="right"] .romo-tooltip-arrow {
  border-right-color: $tooltipBgColor;
}
.romo-tooltip-popup[data-romo-tooltip-position="bottom"] .romo-tooltip-arrow {
  border-bottom-color: $tooltipBgColor;
}
.romo-tooltip-popup[data-romo-tooltip-position="left"] .romo-tooltip-arrow {
  border-left-color: $tooltipBgColor;
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
romo-0.16.1 assets/css/romo/tooltip.scss
romo-0.16.0 assets/css/romo/tooltip.scss
romo-0.15.9 assets/css/romo/tooltip.scss
romo-0.15.8 assets/css/romo/tooltip.scss
romo-0.15.7 assets/css/romo/tooltip.scss
romo-0.15.6 assets/css/romo/tooltip.scss
romo-0.15.5 assets/css/romo/tooltip.scss
romo-0.15.4 assets/css/romo/tooltip.scss
romo-0.15.3 assets/css/romo/tooltip.scss
romo-0.15.2 assets/css/romo/tooltip.scss
romo-0.15.1 assets/css/romo/tooltip.scss
romo-0.15.0 assets/css/romo/tooltip.scss
romo-0.14.4 assets/css/romo/tooltip.scss
romo-0.14.3 assets/css/romo/tooltip.scss
romo-0.14.2 assets/css/romo/tooltip.scss
romo-0.14.1 assets/css/romo/tooltip.scss
romo-0.14.0 assets/css/romo/tooltip.scss
romo-0.13.0 assets/css/romo/tooltip.scss
romo-0.12.0 assets/css/romo/tooltip.scss
romo-0.11.0 assets/css/romo/tooltip.scss