diff options
author | fat <fat@folders.local> | 2015-05-12 09:32:37 +0300 |
---|---|---|
committer | fat <fat@folders.local> | 2015-05-12 09:32:37 +0300 |
commit | 3452e8dc8336c7a4151bcccdb9d3d4202f06f294 (patch) | |
tree | 7314ef1451ba4e373471ac493e6903365f489d1a /scss/_tooltip.scss | |
parent | 8eee78ca15f51dc7e7d514497078bfd7c012ac21 (diff) |
rewritten tooltip + tether integration and death to our positioner jank
Diffstat (limited to 'scss/_tooltip.scss')
-rw-r--r-- | scss/_tooltip.scss | 98 |
1 files changed, 53 insertions, 45 deletions
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 379d6d5e60..2899986112 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -16,23 +16,59 @@ opacity: 0; &.in { opacity: $tooltip-opacity; } -} -.tooltip-top { - padding: $tooltip-arrow-width 0; - margin-top: -3px; -} -.tooltip-right { - padding: 0 $tooltip-arrow-width; - margin-left: 3px; -} -.tooltip-bottom { - padding: $tooltip-arrow-width 0; - margin-top: 3px; -} -.tooltip-left { - padding: 0 $tooltip-arrow-width; - margin-left: -3px; + &.tooltip-top, + &.bs-tether-element-attached-bottom { + padding: $tooltip-arrow-width 0; + margin-top: -3px; + + .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-top-color: $tooltip-arrow-color; + } + } + &.tooltip-right, + &.bs-tether-element-attached-left { + padding: 0 $tooltip-arrow-width; + margin-left: 3px; + + .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; + border-right-color: $tooltip-arrow-color; + } + } + &.tooltip-bottom, + &.bs-tether-element-attached-top { + padding: $tooltip-arrow-width 0; + margin-top: 3px; + + .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -$tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-bottom-color: $tooltip-arrow-color; + } + } + &.tooltip-left, + &.bs-tether-element-attached-right { + padding: 0 $tooltip-arrow-width; + margin-left: -3px; + + .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; + border-left-color: $tooltip-arrow-color; + } + } } // Wrapper for the tooltip content @@ -53,32 +89,4 @@ height: 0; border-color: transparent; border-style: solid; -} -.tooltip-top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -$tooltip-arrow-width; - border-width: $tooltip-arrow-width $tooltip-arrow-width 0; - border-top-color: $tooltip-arrow-color; -} -.tooltip-right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -$tooltip-arrow-width; - border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; - border-right-color: $tooltip-arrow-color; -} -.tooltip-left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -$tooltip-arrow-width; - border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; - border-left-color: $tooltip-arrow-color; -} -.tooltip-bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -$tooltip-arrow-width; - border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; - border-bottom-color: $tooltip-arrow-color; -} +}
\ No newline at end of file |