diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-06-03 11:24:44 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-06-20 19:17:05 +0200 |
| commit | 08f1edd119e6e30da7b436c593d2dedddf673b3b (patch) | |
| tree | eaf2b3326a4c59efac6188d561fd6615ecd7d8ec /core/css/tooltip.scss | |
| parent | 7a4cee50708ecb05f42c3a56447a56f7f3703ef6 (diff) | |
| download | nextcloud-server-08f1edd119e6e30da7b436c593d2dedddf673b3b.tar.gz nextcloud-server-08f1edd119e6e30da7b436c593d2dedddf673b3b.zip | |
Tooltip scss
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/tooltip.scss')
| -rw-r--r-- | core/css/tooltip.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/core/css/tooltip.scss b/core/css/tooltip.scss index fe9a96cf314..ad433185f1c 100644 --- a/core/css/tooltip.scss +++ b/core/css/tooltip.scss @@ -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 { |