jiro-ui/lib/components/tooltip/index.css

A Mithril.js UI library based from construct-ui

.cui-tooltip .cui-popover-arrow {
  width: 10px;
  height: 10px; }

.cui-tooltip .cui-popover-content {
  padding: 8px;
  font-size: 13px; }

.cui-tooltip[x-placement^="top"] .cui-popover-arrow {
  bottom: -5px; }

.cui-tooltip[x-placement^="bottom"] .cui-popover-arrow {
  top: -5px; }

.cui-tooltip[x-placement^="right"] .cui-popover-arrow {
  left: -5px; }

.cui-tooltip[x-placement^="left"] .cui-popover-arrow {
  right: -5px; }

.cui-tooltip .cui-popover-content {
  width: auto;
  min-width: auto;
  color: #37474f; }

.cui-tooltip.cui-xs .cui-popover-arrow {
  width: 8px;
  height: 8px; }

.cui-tooltip.cui-xs .cui-popover-content {
  padding: 6px;
  font-size: 11px; }

.cui-tooltip.cui-xs[x-placement^="top"] .cui-popover-arrow {
  bottom: -4px; }

.cui-tooltip.cui-xs[x-placement^="bottom"] .cui-popover-arrow {
  top: -4px; }

.cui-tooltip.cui-xs[x-placement^="right"] .cui-popover-arrow {
  left: -4px; }

.cui-tooltip.cui-xs[x-placement^="left"] .cui-popover-arrow {
  right: -4px; }

.cui-tooltip.cui-sm .cui-popover-arrow {
  width: 9px;
  height: 9px; }

.cui-tooltip.cui-sm .cui-popover-content {
  padding: 7px;
  font-size: 12px; }

.cui-tooltip.cui-sm[x-placement^="top"] .cui-popover-arrow {
  bottom: -4px; }

.cui-tooltip.cui-sm[x-placement^="bottom"] .cui-popover-arrow {
  top: -4px; }

.cui-tooltip.cui-sm[x-placement^="right"] .cui-popover-arrow {
  left: -4px; }

.cui-tooltip.cui-sm[x-placement^="left"] .cui-popover-arrow {
  right: -4px; }

.cui-tooltip.cui-lg .cui-popover-arrow {
  width: 11px;
  height: 11px; }

.cui-tooltip.cui-lg .cui-popover-content {
  padding: 9px;
  font-size: 15px; }

.cui-tooltip.cui-lg[x-placement^="top"] .cui-popover-arrow {
  bottom: -5px; }

.cui-tooltip.cui-lg[x-placement^="bottom"] .cui-popover-arrow {
  top: -5px; }

.cui-tooltip.cui-lg[x-placement^="right"] .cui-popover-arrow {
  left: -5px; }

.cui-tooltip.cui-lg[x-placement^="left"] .cui-popover-arrow {
  right: -5px; }

.cui-tooltip.cui-xl .cui-popover-arrow {
  width: 13px;
  height: 13px; }

.cui-tooltip.cui-xl .cui-popover-content {
  padding: 10px;
  font-size: 17px; }

.cui-tooltip.cui-xl[x-placement^="top"] .cui-popover-arrow {
  bottom: -6px; }

.cui-tooltip.cui-xl[x-placement^="bottom"] .cui-popover-arrow {
  top: -6px; }

.cui-tooltip.cui-xl[x-placement^="right"] .cui-popover-arrow {
  left: -6px; }

.cui-tooltip.cui-xl[x-placement^="left"] .cui-popover-arrow {
  right: -6px; }