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:
parent
ebcd29bc1c
commit
ef74c31a8a
@ -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
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