web/assets/css/less/tooltip-popover.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

//tooltips and popovers

.enable_tooltips() when(@enable-tooltips = true) {

.tooltip.in {
	.opacity(1);
}

.tooltip-inner  {
	background-color: @tooltip-color;
	color: #FFF;
	font-size: @font-size-tooltip;
	//white-space: nowrap;

	text-shadow: 1px 1px 0 rgba(42,45,50,0.5);
	.border-radius(0);
	
	padding: 5px 9px;
}

.tooltip.top .tooltip-arrow {
  border-bottom-width: 0;
  border-top-color: @tooltip-color;
  -moz-border-top-colors: @tooltip-color;
}
.tooltip.right .tooltip-arrow {
  border-left-width: 0;
  border-right-color: @tooltip-color;
  -moz-border-right-colors: @tooltip-color;
}
.tooltip.left .tooltip-arrow {
  border-right-width: 0;
  border-left-color: @tooltip-color;
  -moz-border-left-colors: @tooltip-color;
}
.tooltip.bottom .tooltip-arrow {
  border-top-width: 0;
  border-bottom-color: @tooltip-color;
  -moz-border-bottom-colors: @tooltip-color;
}



.tooltip(@color , @shadow) {
  @tooltip_name : ~`".tooltip-@{color}"`;
  @tooltip_color : ~`"tooltip-@{color}-color"`;

  @{tooltip_name} + .tooltip , .tooltip@{tooltip_name} {
	> .tooltip-inner  {
		background-color: @@tooltip_color;
		text-shadow: @shadow;
	}
	&.top .tooltip-arrow {
		border-top-color: @@tooltip_color;
		-moz-border-top-colors: @@tooltip_color;
	}
	&.right .tooltip-arrow {
		border-right-color: @@tooltip_color;
		-moz-border-right-colors: @@tooltip_color;
	}