Sha256: 32c09e37c6d1032a7c2786b65d7f01da6876ed67641b4c024845bbf94865bc84

Contents?: true

Size: 1.09 KB

Versions: 4

Compression:

Stored size: 1.09 KB

Contents

//
// Tooltips
//

.rf-tooltip {
  line-height: 1.1em;

  .tooltip-inner {
    padding: 4px 8px;
    background-color: $prewhite;
    color: $black;
  }

  &.left .tooltip-arrow { border-left-color: $prewhite; }
  &.top .tooltip-arrow { border-top-color: $prewhite }
  &.right .tooltip-arrow { border-right-color: $prewhite; }
  &.bottom .tooltip-arrow { border-bottom-color: $prewhite; }
}

.rf-tooltip--small {
  &.left {
    width: 78px;
  }

  &.right {
    width: 78px;
  }
}

.rf-tooltip--danger {
  .tooltip-inner {
    background-color: $red;
    color: $white;
  }

  &.left .tooltip-arrow { border-left-color: $red; }
  &.top .tooltip-arrow { border-top-color: $red; }
  &.right .tooltip-arrow { border-right-color: $red; }
  &.bottom .tooltip-arrow { border-bottom-color: $red; }
}

.rf-tooltip--success {
  .tooltip-inner {
    background-color: $green;
    color: $white;
  }

  &.left .tooltip-arrow { border-left-color: $green; }
  &.top .tooltip-arrow { border-top-color: $green; }
  &.right .tooltip-arrow { border-right-color: $green; }
  &.bottom .tooltip-arrow { border-bottom-color: $green; }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
ethosstyles-0.1.19 app/assets/stylesheets/components/_tooltips.scss
ethosstyles-0.1.18 app/assets/stylesheets/components/_tooltips.scss
ethosstyles-0.1.17 app/assets/stylesheets/components/_tooltips.scss
ethosstyles-0.1.16 app/assets/stylesheets/components/_tooltips.scss