/*#region PopOvers*/ .popover { .border-radius(3px); padding: 0; border-color: #ccc; border-width: 1px; .box-shadow(0 2px 10px rgba(0,0,0,.2)); color: @carbon; background-color: @snow; .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #f7f7f7; border-top-width: 0; } &.inverted { background-color: @darkcarbon; color: @whitesmoke; .popover-title { background-color: @darkcarbon; color: @whitesmoke; } &.top .arrow:after { border-top-color: @darkcarbon; } &.bottom .arrow:after { border-bottom-color: @darkcarbon; } &.left .arrow:after { border-left-color: @darkcarbon; } &.right .arrow:after { border-right-color: @darkcarbon; } } &.dark { background-color: @platinum; .popover-title { background-color: @platinum; } &.top .arrow:after { border-top-color: @platinum; } &.bottom .arrow:after { border-bottom-color: @platinum; } &.left .arrow:after { border-left-color: @platinum; } &.right .arrow:after { border-right-color: @platinum; } } } .popover-title { .border-radius(3px 3px 0 0); color: @black; border-bottom: 3px solid @themeprimary; } .popover-notitle { + .popover { .popover-title { display: none; } &.top .arrow:after { border-top-color: @white; } &.bottom .arrow:after { border-bottom-color: @white; } &.left .arrow:after { border-left-color: @white; } &.right .arrow:after { border-left-color: @white; } } } /*#endregion Popovers*/