30 lines
460 B
SCSS
30 lines
460 B
SCSS
/* Diese Styles kannst du in deine globale styles.css oder in eine eigene tooltip.component.css-Datei packen */
|
|
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: inherit;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.arrow-top {
|
|
top: -4px;
|
|
left: calc(50% - 4px);
|
|
}
|
|
|
|
.arrow-right {
|
|
right: -4px;
|
|
top: calc(50% - 4px);
|
|
}
|
|
|
|
.arrow-bottom {
|
|
bottom: -4px;
|
|
left: calc(50% - 4px);
|
|
}
|
|
|
|
.arrow-left {
|
|
left: -4px;
|
|
top: calc(50% - 4px);
|
|
}
|