2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00
This commit is contained in:
Johann-S
2017-05-16 09:59:44 +02:00
parent 183205afb8
commit 3719ed4cb6
34 changed files with 1580 additions and 621 deletions
+70 -71
View File
@@ -93,6 +93,10 @@ html {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -2887,24 +2891,24 @@ tbody.collapse.show {
background-color: transparent;
}
.show > .dropdown-menu {
display: block;
}
.show > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
left: auto !important;
}
.dropdown-menu-left {
right: auto;
right: auto !important;
left: 0;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
@@ -2914,12 +2918,6 @@ tbody.collapse.show {
white-space: nowrap;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 0.125rem;
}
.btn-group,
.btn-group-vertical {
position: relative;
@@ -5210,6 +5208,7 @@ button.close {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
@@ -5233,12 +5232,11 @@ button.close {
opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
.tooltip.bs-tooltip-top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
.tooltip.bs-tooltip-top .arrow::before {
bottom: 0;
left: 50%;
margin-left: -5px;
@@ -5247,12 +5245,11 @@ button.close {
border-top-color: #000;
}
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
.tooltip.bs-tooltip-right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
.tooltip.bs-tooltip-right .arrow::before {
top: 50%;
left: 0;
margin-top: -5px;
@@ -5261,12 +5258,11 @@ button.close {
border-right-color: #000;
}
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
.tooltip.bs-tooltip-bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
.tooltip.bs-tooltip-bottom .arrow::before {
top: 0;
left: 50%;
margin-left: -5px;
@@ -5275,12 +5271,11 @@ button.close {
border-bottom-color: #000;
}
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
.tooltip.bs-tooltip-left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
.tooltip.bs-tooltip-left .arrow::before {
top: 50%;
right: 0;
margin-top: -5px;
@@ -5289,6 +5284,14 @@ button.close {
border-left-color: #000;
}
.tooltip .arrow::before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
@@ -5298,14 +5301,6 @@ button.close {
border-radius: 0.25rem;
}
.tooltip-inner::before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
@@ -5337,70 +5332,93 @@ button.close {
border-radius: 0.3rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
margin-top: -10px;
.popover .arrow::before,
.popover .arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
.popover .arrow::before {
content: "";
border-width: 11px;
}
.popover .arrow::after {
content: "";
border-width: 10px;
}
.popover.bs-popover-top {
margin-bottom: 10px;
}
.popover.bs-popover-top .arrow::before,
.popover.bs-popover-top .arrow::after {
left: 50%;
border-bottom-width: 0;
}
.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
.popover.bs-popover-top .arrow::before {
bottom: -11px;
margin-left: -11px;
border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
.popover.bs-popover-top .arrow::after {
bottom: -10px;
margin-left: -10px;
border-top-color: #fff;
}
.popover.popover-right, .popover.bs-tether-element-attached-left {
.popover.bs-popover-right {
margin-left: 10px;
}
.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
.popover.bs-popover-right .arrow::before,
.popover.bs-popover-right .arrow::after {
top: 50%;
border-left-width: 0;
}
.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
.popover.bs-popover-right .arrow::before {
left: -11px;
margin-top: -11px;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
.popover.bs-popover-right .arrow::after {
left: -10px;
margin-top: -10px;
border-right-color: #fff;
}
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
.popover.bs-popover-bottom {
margin-top: 10px;
}
.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
.popover.bs-popover-bottom .arrow::before,
.popover.bs-popover-bottom .arrow::after {
left: 50%;
border-top-width: 0;
}
.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
.popover.bs-popover-bottom .arrow::before {
top: -11px;
margin-left: -11px;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
.popover.bs-popover-bottom .arrow::after {
top: -10px;
margin-left: -10px;
border-bottom-color: #fff;
}
.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
.popover.bs-popover-bottom .popover-title::before {
position: absolute;
top: 0;
left: 50%;
@@ -5411,22 +5429,23 @@ button.close {
border-bottom: 1px solid #f7f7f7;
}
.popover.popover-left, .popover.bs-tether-element-attached-right {
margin-left: -10px;
.popover.bs-popover-left {
margin-right: 10px;
}
.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
.popover.bs-popover-left .arrow::before,
.popover.bs-popover-left .arrow::after {
top: 50%;
border-right-width: 0;
}
.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
.popover.bs-popover-left .arrow::before {
right: -11px;
margin-top: -11px;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
.popover.bs-popover-left .arrow::after {
right: -10px;
margin-top: -10px;
border-left-color: #fff;
@@ -5452,26 +5471,6 @@ button.close {
color: #292b2c;
}
.popover::before,
.popover::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover::before {
content: "";
border-width: 11px;
}
.popover::after {
content: "";
border-width: 10px;
}
.carousel {
position: relative;
}