Tooltip scss

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-06-03 11:24:44 +02:00
parent 7a4cee5070
commit 08f1edd119
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF

View file

@ -34,7 +34,7 @@
/* default to top */
margin-top: -3px;
padding: 10px 0;
filter: drop-shadow(0 1px 10px $color-box-shadow);
filter: drop-shadow(0 1px 10px var(--color-box-shadow));
&.in,
&.tooltip[aria-hidden='false'] {
visibility: visible;
@ -60,7 +60,7 @@
left: 0;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-right-color: $color-main-background;
border-right-color: var(--color-main-background);
}
}
&.left,
@ -72,7 +72,7 @@
right: 0;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-left-color: $color-main-background;
border-left-color: var(--color-main-background);
}
}
/* TOP */
@ -83,7 +83,7 @@
.tooltip-arrow {
bottom: 0;
border-width: 10px 10px 0;
border-top-color: $color-main-background;
border-top-color: var(--color-main-background);
}
}
&.top-left .tooltip-arrow {
@ -102,7 +102,7 @@
.tooltip-arrow {
top: 0;
border-width: 0 10px 10px;
border-bottom-color: $color-main-background;
border-bottom-color: var(--color-main-background);
}
}
&[x-placement^='bottom'] .tooltip-arrow,
@ -123,10 +123,10 @@
.tooltip-inner {
max-width: 350px;
padding: 5px 8px;
background-color: $color-main-background;
color: $color-main-text;
background-color: var(--color-main-background);
color: var(--color-main-text);
text-align: center;
border-radius: $border-radius;
border-radius: var(--border-radius);
}
.tooltip-arrow {