mirror of
https://github.com/Rnhmjoj/solarized-dark-ui
synced 2025-03-18 18:48:38 +01:00
Add tooltip styles
This commit is contained in:
parent
ebcd29bc1c
commit
ef74c31a8a
@ -10,5 +10,6 @@
|
|||||||
@import 'stylesheets/lists';
|
@import 'stylesheets/lists';
|
||||||
@import 'stylesheets/editor';
|
@import 'stylesheets/editor';
|
||||||
@import 'stylesheets/tabs';
|
@import 'stylesheets/tabs';
|
||||||
|
@import 'stylesheets/tooltips';
|
||||||
@import 'stylesheets/overlays';
|
@import 'stylesheets/overlays';
|
||||||
@import 'stylesheets/dropdowns';
|
@import 'stylesheets/dropdowns';
|
||||||
|
50
stylesheets/tooltips.less
Normal file
50
stylesheets/tooltips.less
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user