Contents

// copy :focus style
.#{$moovui-prefix}btn[data-tooltip]:empty:active {
  @include box-shadow(rgba(#000, 0.1) 0 1px);
  background: tint($darkgray, 15%);
  border-color: transparent;
}

@if $moovui-init {
.tooltip {
  @include radius;
  background: rgba(#000, 0.7);
  color: #fff;
  display: none;
  font-size: 14px;
  line-height: 20px;
  padding: 6px $sp;
  position: absolute;
  left: 50%;
  max-width: 85%;
  width: 100%;
  z-index: 999;
  > .nub {
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    display: block;
    opacity: 0.7;
    position: absolute;
    top: -10px;
    left: 5px;
    width: 0;
    height: 0;
  }
  &.tip-top > .nub {
    border-color: #000 transparent transparent transparent;
    top: auto;
    bottom: -10px;
  }
  &.tip-left > .nub {
    border-color: transparent transparent transparent #000;
    margin-top: -5px;
    top: 50%;
    right: -10px;
    left: auto;
  }
  &.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    margin-top: -5px;
    top: 50%;
    right: auto;
    left: -10px;
  }
  a {
    color: tint($link-color, 25%);
  }
  pre, code {
    font-size: 12px;
  }
}
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
moovui-0.1.2	app/assets/stylesheets/modules/_tooltip.scss
moovui-0.1.1	app/assets/stylesheets/modules/_tooltip.scss
moovui-0.0.2	modules/_tooltip.scss
moovui-0.0.1	modules/_tooltip.scss