diff options
author | Mark Otto <markdotto@gmail.com> | 2016-10-10 05:56:30 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2016-10-10 05:56:30 +0300 |
commit | e7f79b32f22d7f39138a7003272b54ceb3b12426 (patch) | |
tree | 71ff35b97bfa0231729fe1a963e83b60b8c5d972 /scss/_tooltip.scss | |
parent | ef5bbffd558c63a49c3d64a471138b0e4f5bb660 (diff) | |
parent | 8ef66df6d793afbda487c1a4505d0a6576252ec4 (diff) |
Merge branch 'tooltip-arrow' of https://github.com/brnrdog/bootstrap into brnrdog-tooltip-arrow
Diffstat (limited to 'scss/_tooltip.scss')
-rw-r--r-- | scss/_tooltip.scss | 27 |
1 files changed, 15 insertions, 12 deletions
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index e8151af07d..37d296419b 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -18,10 +18,11 @@ padding: $tooltip-arrow-width 0; margin-top: -$tooltip-margin; - .tooltip-arrow { + .tooltip-inner:before { bottom: 0; left: 50%; margin-left: -$tooltip-arrow-width; + content: ""; border-width: $tooltip-arrow-width $tooltip-arrow-width 0; border-top-color: $tooltip-arrow-color; } @@ -31,10 +32,11 @@ padding: 0 $tooltip-arrow-width; margin-left: $tooltip-margin; - .tooltip-arrow { + .tooltip-inner:before { top: 50%; left: 0; margin-top: -$tooltip-arrow-width; + content: ""; border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; border-right-color: $tooltip-arrow-color; } @@ -44,10 +46,11 @@ padding: $tooltip-arrow-width 0; margin-top: $tooltip-margin; - .tooltip-arrow { + .tooltip-inner:before { top: 0; left: 50%; margin-left: -$tooltip-arrow-width; + content: ""; border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; border-bottom-color: $tooltip-arrow-color; } @@ -57,10 +60,11 @@ padding: 0 $tooltip-arrow-width; margin-left: -$tooltip-margin; - .tooltip-arrow { + .tooltip-inner:before { top: 50%; right: 0; margin-top: -$tooltip-arrow-width; + content: ""; border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; border-left-color: $tooltip-arrow-color; } @@ -75,13 +79,12 @@ text-align: center; background-color: $tooltip-bg; @include border-radius($border-radius); -} -// Arrows -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; + &:before { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } } |