74 lines
1.9 KiB
Plaintext
74 lines
1.9 KiB
Plaintext
.popover,
|
|
.tooltip {
|
|
|
|
+ .btn {
|
|
margin-left: @base-padding/2;
|
|
}
|
|
}
|
|
|
|
.popover {
|
|
padding: 0;
|
|
border: 1px solid @default-border-color;
|
|
.box-shadow(none);
|
|
|
|
&.popover-primary { .xenon-popover-style(@brand-primary); }
|
|
&.popover-secondary { .xenon-popover-style(@secondary-color); }
|
|
&.popover-info { .xenon-popover-style(@brand-info); }
|
|
&.popover-warning { .xenon-popover-style(@brand-warning); }
|
|
&.popover-danger { .xenon-popover-style(@brand-danger); }
|
|
&.popover-success { .xenon-popover-style(@brand-success); }
|
|
&.popover-purple { .xenon-popover-style(@xe-purple); }
|
|
&.popover-blue { .xenon-popover-style(@xe-blue); }
|
|
&.popover-red { .xenon-popover-style(@xe-red); }
|
|
&.popover-black { .xenon-popover-style(@xe-blue); }
|
|
}
|
|
|
|
.tooltip {
|
|
|
|
.tooltip-inner {
|
|
padding: @base-padding @base-padding+5;
|
|
}
|
|
|
|
&.tooltip-primary { .xenon-tooltip-style(@brand-primary); }
|
|
&.tooltip-secondary { .xenon-tooltip-style(@secondary-color); }
|
|
&.tooltip-info { .xenon-tooltip-style(@brand-info); }
|
|
&.tooltip-warning { .xenon-tooltip-style(@brand-warning); }
|
|
&.tooltip-danger { .xenon-tooltip-style(@brand-danger); }
|
|
&.tooltip-success { .xenon-tooltip-style(@brand-success); }
|
|
&.tooltip-purple { .xenon-tooltip-style(@xe-purple); }
|
|
&.tooltip-blue { .xenon-tooltip-style(@xe-blue); }
|
|
&.tooltip-red { .xenon-tooltip-style(@xe-red); }
|
|
&.tooltip-black { .xenon-tooltip-style(@xe-blue); }
|
|
}
|
|
|
|
.xenon-popover-style(@bg)
|
|
{
|
|
|
|
.popover-title {
|
|
background-color: @bg;
|
|
color: #FFF;
|
|
position: relative;
|
|
}
|
|
|
|
&.top,
|
|
&.bottom {
|
|
|
|
.popover-title {
|
|
margin: -1px;
|
|
}
|
|
}
|
|
|
|
&.bottom .arrow:after { border-bottom-color: @bg; }
|
|
}
|
|
|
|
.xenon-tooltip-style(@bg)
|
|
{
|
|
.tooltip-inner {
|
|
background-color: @bg;
|
|
}
|
|
|
|
&.top .tooltip-arrow { border-top-color: @bg; }
|
|
&.bottom .tooltip-arrow { border-bottom-color: @bg; }
|
|
&.left .tooltip-arrow { border-left-color: @bg; }
|
|
&.right .tooltip-arrow { border-right-color: @bg; }
|
|
} |