1
0
mirror of https://github.com/Rnhmjoj/solarized-dark-ui synced 2025-03-17 18:48:37 +01:00

Add tooltip styles

This commit is contained in:
Ben Ogle 2013-11-22 15:33:45 -08:00
parent ebcd29bc1c
commit ef74c31a8a
2 changed files with 51 additions and 0 deletions

View File

@ -10,5 +10,6 @@
@import 'stylesheets/lists';
@import 'stylesheets/editor';
@import 'stylesheets/tabs';
@import 'stylesheets/tooltips';
@import 'stylesheets/overlays';
@import 'stylesheets/dropdowns';

50
stylesheets/tooltips.less Normal file
View File

@ -0,0 +1,50 @@
@import "ui-variables";
.tooltip {
@tip-background-color: #fff;
@tip-text-color: #333;
white-space: nowrap;
.keystroke {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #777;
padding-left: 2px;
}
&.in { opacity: 1; }
.tooltip-inner {
line-height: 19px;
border-radius: @component-border-radius;
background-color: @tip-background-color;
color: @tip-text-color;
white-space: nowrap;
max-width: none;
}
&.top .tooltip-arrow {
border-top-color: @tip-background-color;
}
&.top-left .tooltip-arrow {
border-top-color: @tip-background-color;
}
&.top-right .tooltip-arrow {
border-top-color: @tip-background-color;
}
&.right .tooltip-arrow {
border-right-color: @tip-background-color;
}
&.left .tooltip-arrow {
border-left-color: @tip-background-color;
}
&.bottom .tooltip-arrow {
border-bottom-color: @tip-background-color;
}
&.bottom-left .tooltip-arrow {
border-bottom-color: @tip-background-color;
}
&.bottom-right .tooltip-arrow {
border-bottom-color: @tip-background-color;
}
}