You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.2 KiB
50 lines
1.2 KiB
// Variables
|
|
//------------------------------------------------------
|
|
$popover-background-color: $darkgray-dark !default;
|
|
$popover-font-color: $white !default;
|
|
$popover-title-font-color: $mediumgray-dark !default;
|
|
|
|
|
|
// Exports
|
|
//------------------------------------------------------
|
|
|
|
@include exports("popover") {
|
|
|
|
/**
|
|
* popover
|
|
* --------------------------------------------------
|
|
*/
|
|
|
|
.popover {
|
|
background-color: $popover-background-color;
|
|
color: $popover-font-color;
|
|
border-color: $popover-background-color;
|
|
|
|
@at-root &-title {
|
|
padding-bottom: 0;
|
|
font-weight: bold;
|
|
color: $popover-title-font-color;
|
|
background-color: transparent;
|
|
border-bottom: none;
|
|
}
|
|
&.top .arrow,
|
|
&.top .arrow:after {
|
|
border-top-color: $popover-background-color;
|
|
}
|
|
&.right .arrow,
|
|
&.right .arrow:after {
|
|
border-right-color: $popover-background-color;
|
|
}
|
|
&.bottom .arrow,
|
|
&.bottom .arrow:after {
|
|
border-bottom-color: $popover-background-color;
|
|
}
|
|
&.left .arrow,
|
|
&.left .arrow:after {
|
|
border-left-color: $popover-background-color;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|