IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed tooltip styles on build

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-01-15 11:40:29 +01:00
parent d44fbcc594
commit 2a803a3287
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/styles/imports/_tooltip.scss
View File

@ -1,4 +1,7 @@
@mixin arrow($size, $type, $color) { @mixin arrow($size, $type, $color) {
--#{$type}-arrow-size: $size;
.#{$type}-arrow { .#{$type}-arrow {
width: 0; width: 0;
height: 0; height: 0;
@ -18,7 +21,7 @@
border-right-color: transparent !important; border-right-color: transparent !important;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;
bottom: -$size; bottom: -$size;
left: calc(50% - $size); left: calc(50% - var(--#{$type}-arrow-size));
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
@ -33,7 +36,7 @@
border-right-color: transparent !important; border-right-color: transparent !important;
border-top-color: transparent !important; border-top-color: transparent !important;
top: -$size; top: -$size;
left: calc(50% - $size); left: calc(50% - var(--#{$type}-arrow-size));
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
@ -48,7 +51,7 @@
border-top-color: transparent !important; border-top-color: transparent !important;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;
left: -$size; left: -$size;
top: calc(50% - $size); top: calc(50% - var(--#{$type}-arrow-size));
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
@ -63,7 +66,7 @@
border-right-color: transparent !important; border-right-color: transparent !important;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;
right: -$size; right: -$size;
top: calc(50% - $size); top: calc(50% - var(--#{$type}-arrow-size));
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }