File: /var/www/admin.javaapp.co.uk/public/sass-dark/assets/elements/tooltip.scss
// =================
// Imports
// =================
@import '../../base/base'; // Base Variables
.tooltip-inner {
border-radius: 6px;
}
.tooltip .tooltip-item {
color: #fff;
padding: 0 9px;
}
.tooltip-section h6 {
color: $dark;
font-size: 0.875rem;
margin-top: 25px;
margin-bottom: 20px;
}
.tooltip .tooltip-inner {
background-color: $m-color_19;
}
/*
==================
Colors
=================
*/
/*
Tooltips
*/
/* Tooltip Inner */
.tooltip-primary .tooltip-inner {
color: $primary;
background-color: $m-color_19;
}
.tooltip-success .tooltip-inner {
color: $success;
background-color: $m-color_19;
}
.tooltip-info .tooltip-inner {
color: $info;
background-color: $m-color_19;
}
.tooltip-danger .tooltip-inner {
color: $danger;
background-color: $m-color_19;
}
.tooltip-warning .tooltip-inner {
color: $warning;
background-color: $m-color_19;
}
.tooltip-secondary .tooltip-inner {
color: $secondary;
background-color: $m-color_19;
}
.tooltip-dark .tooltip-inner {
color: $m-color_4;
background-color: $m-color_19;
}
/* Tooltip arrow */
.tooltip {
&.bs-tooltip-top .arrow:before {
border-top-color: $m-color_19;
}
&.bs-tooltip-bottom .arrow:before {
border-bottom-color: $m-color_19;
}
&.bs-tooltip-left .arrow:before {
border-left-color: $m-color_19;
}
&.bs-tooltip-right .arrow:before {
border-right-color: $m-color_19;
}
}
.tooltip-primary .arrow:before, .tooltip-success .arrow:before, .tooltip-info .arrow:before, .tooltip-danger .arrow:before, .tooltip-warning .arrow:before, .tooltip-secondary .arrow:before, .tooltip-dark .arrow:before {
border-top-color: $m-color_19;
}