hedgedoc/global-styles/bootstrap-color-theme/_tooltip.scss

62 lines
941 B
SCSS
Raw Normal View History

/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
2020-09-13 12:04:02 -04:00
.bs-tooltip-top {
.arrow {
&::before {
border-top-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-right {
.arrow {
&::before {
border-right-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-bottom {
.arrow {
&::before {
border-bottom-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-left {
.arrow {
&::before {
border-left-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-auto {
&[x-placement^="top"] {
@extend .bs-tooltip-top;
}
2020-09-13 12:04:02 -04:00
&[x-placement^="right"] {
@extend .bs-tooltip-right;
}
2020-09-13 12:04:02 -04:00
&[x-placement^="bottom"] {
@extend .bs-tooltip-bottom;
}
2020-09-13 12:04:02 -04:00
&[x-placement^="left"] {
@extend .bs-tooltip-left;
}
}
// Wrapper for the tooltip content
.tooltip-inner {
color: $tooltip-color;
background-color: $tooltip-bg;
}