diff options
| author | Mark Otto <[email protected]> | 2016-10-09 20:26:49 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-09 20:26:49 -0700 |
| commit | 4493701ee2975a5041d0309ee4f06715f89675cb (patch) | |
| tree | c62b2c78942a2dcce14e57260120c3784bf5e55e /dist/css/bootstrap.css | |
| parent | 9c8913c68455d097d3bcf88b050ebbb3e7a652f3 (diff) | |
| download | bootstrap-4493701ee2975a5041d0309ee4f06715f89675cb.tar.xz bootstrap-4493701ee2975a5041d0309ee4f06715f89675cb.zip | |
grunt
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 93 |
1 files changed, 57 insertions, 36 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 63cf4c198..64c86c426 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5341,10 +5341,11 @@ button.close { margin-top: -3px; } -.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { +.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 5px 5px 0; border-top-color: #000; } @@ -5354,10 +5355,11 @@ button.close { margin-left: 3px; } -.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { +.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; + content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } @@ -5367,10 +5369,11 @@ button.close { margin-top: 3px; } -.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { +.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } @@ -5380,10 +5383,11 @@ button.close { margin-left: -3px; } -.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { +.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; + content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } @@ -5397,7 +5401,7 @@ button.close { border-radius: 0.25rem; } -.tooltip-arrow { +.tooltip-inner::before { position: absolute; width: 0; height: 0; @@ -5440,79 +5444,94 @@ button.close { margin-top: -10px; } -.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { - bottom: -11px; +.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; + border-bottom-width: 0; +} + +.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { + bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; } -.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { - bottom: 1px; +.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { + bottom: -10px; margin-left: -10px; - content: ""; border-top-color: #fff; - border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } -.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { +.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; + border-left-width: 0; +} + +.popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } -.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { - bottom: -10px; - left: 1px; - content: ""; +.popover.popover-right::after, .popover.bs-tether-element-attached-left::after { + left: -10px; + margin-top: -10px; border-right-color: #fff; - border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } -.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { - top: -11px; +.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; - margin-left: -11px; border-top-width: 0; +} + +.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { + top: -11px; + margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } -.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { - top: 1px; +.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { + top: -10px; + margin-left: -10px; + border-bottom-color: #f7f7f7; +} + +.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 20px; margin-left: -10px; content: ""; - border-top-width: 0; - border-bottom-color: #fff; + border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } -.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { +.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; + border-right-width: 0; +} + +.popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } -.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { - right: 1px; - bottom: -10px; - content: ""; - border-right-width: 0; +.popover.popover-left::after, .popover.bs-tether-element-attached-right::after { + right: -10px; + margin-top: -10px; border-left-color: #fff; } @@ -5533,7 +5552,8 @@ button.close { padding: 9px 14px; } -.popover-arrow, .popover-arrow::after { +.popover::before, +.popover::after { position: absolute; display: block; width: 0; @@ -5542,11 +5562,12 @@ button.close { border-style: solid; } -.popover-arrow { +.popover::before { + content: ""; border-width: 11px; } -.popover-arrow::after { +.popover::after { content: ""; border-width: 10px; } |
