diff options
author | Mark Otto <markdotto@gmail.com> | 2017-12-27 08:56:48 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2017-12-27 08:56:48 +0300 |
commit | fa2cc20e920a0f8c34e4ebe26c561603187a4656 (patch) | |
tree | 4be83c06f8501aeeee501083cdfff88eeb59699b /scss/_tooltip.scss | |
parent | 468c1615e21d872cb7e6139565cf712a282c9f72 (diff) |
consolidate content properties, un-nest
Diffstat (limited to 'scss/_tooltip.scss')
-rw-r--r-- | scss/_tooltip.scss | 105 |
1 files changed, 55 insertions, 50 deletions
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 62d3e8a980..e4c3b50518 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -19,83 +19,88 @@ display: block; width: $tooltip-arrow-width; height: $tooltip-arrow-height; - } - .arrow::before { - position: absolute; - border-color: transparent; - border-style: solid; + &::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; + } } +} - &.bs-tooltip-top { - padding: $tooltip-arrow-height 0; - .arrow { - bottom: 0; - } +.bs-tooltip-top { + padding: $tooltip-arrow-height 0; - .arrow::before { + .arrow { + bottom: 0; + + &::before { top: 0; - content: ""; border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0; border-top-color: $tooltip-arrow-color; } } - &.bs-tooltip-right { - padding: 0 $tooltip-arrow-height; - .arrow { - left: 0; - width: $tooltip-arrow-height; - height: $tooltip-arrow-width; - } +} + +.bs-tooltip-right { + padding: 0 $tooltip-arrow-height; + + .arrow { + left: 0; + width: $tooltip-arrow-height; + height: $tooltip-arrow-width; - .arrow::before { + &::before { right: 0; - content: ""; border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0; border-right-color: $tooltip-arrow-color; } } - &.bs-tooltip-bottom { - padding: $tooltip-arrow-height 0; - .arrow { - top: 0; - } +} - .arrow::before { +.bs-tooltip-bottom { + padding: $tooltip-arrow-height 0; + + .arrow { + top: 0; + + &::before { bottom: 0; - content: ""; border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-bottom-color: $tooltip-arrow-color; } } - &.bs-tooltip-left { - padding: 0 $tooltip-arrow-height; - .arrow { - right: 0; - width: $tooltip-arrow-height; - height: $tooltip-arrow-width; - } +} + +.bs-tooltip-left { + padding: 0 $tooltip-arrow-height; + + .arrow { + right: 0; + width: $tooltip-arrow-height; + height: $tooltip-arrow-width; - .arrow::before { + &::before { left: 0; - content: ""; border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-left-color: $tooltip-arrow-color; } } - &.bs-tooltip-auto { - &[x-placement^="top"] { - @extend .bs-tooltip-top; - } - &[x-placement^="right"] { - @extend .bs-tooltip-right; - } - &[x-placement^="bottom"] { - @extend .bs-tooltip-bottom; - } - &[x-placement^="left"] { - @extend .bs-tooltip-left; - } +} + +.bs-tooltip-auto { + &[x-placement^="top"] { + @extend .bs-tooltip-top; + } + &[x-placement^="right"] { + @extend .bs-tooltip-right; + } + &[x-placement^="bottom"] { + @extend .bs-tooltip-bottom; + } + &[x-placement^="left"] { + @extend .bs-tooltip-left; } } |