aboutsummaryrefslogtreecommitdiff
path: root/docs/dist/css/bootstrap-flex.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-10-19 01:18:28 -0700
committerMark Otto <[email protected]>2016-10-19 01:18:28 -0700
commitdd22d9925460a06c49a19f5142019a2a30c41119 (patch)
tree7aef11fe1949b6b44306bbe6ad5b9ffc8b334c4d /docs/dist/css/bootstrap-flex.css
parent028dd6bd488c43a8a92e0f79c439e3426e173727 (diff)
downloadbootstrap-dd22d9925460a06c49a19f5142019a2a30c41119.tar.xz
bootstrap-dd22d9925460a06c49a19f5142019a2a30c41119.zip
grunt
Diffstat (limited to 'docs/dist/css/bootstrap-flex.css')
-rw-r--r--docs/dist/css/bootstrap-flex.css194
1 files changed, 174 insertions, 20 deletions
diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css
index 5d7151374..fa8b60540 100644
--- a/docs/dist/css/bootstrap-flex.css
+++ b/docs/dist/css/bootstrap-flex.css
@@ -4037,21 +4037,18 @@ tbody.collapse.in {
padding-bottom: 0.25rem;
margin-right: 1rem;
font-size: 1.25rem;
+ line-height: inherit;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none;
}
-.navbar-brand > img {
- display: block;
-}
-
.navbar-divider {
float: left;
width: 1px;
- padding-top: .425rem;
- padding-bottom: .425rem;
+ padding-top: 0.425rem;
+ padding-bottom: 0.425rem;
margin-right: 1rem;
margin-left: 1rem;
overflow: hidden;
@@ -4061,10 +4058,16 @@ tbody.collapse.in {
content: "\00a0";
}
+.navbar-text {
+ display: inline-block;
+ padding-top: .425rem;
+ padding-bottom: .425rem;
+}
+
.navbar-toggler {
width: 2.5em;
height: 2em;
- padding: .5rem .75rem;
+ padding: 0.5rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background: transparent no-repeat center center;
@@ -4078,6 +4081,149 @@ tbody.collapse.in {
text-decoration: none;
}
+.navbar-toggleable-xs::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (max-width: 575px) {
+ .navbar-toggleable-xs .navbar-brand {
+ display: block;
+ float: none;
+ margin-top: .5rem;
+ margin-right: 0;
+ }
+ .navbar-toggleable-xs .navbar-nav {
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+ }
+ .navbar-toggleable-xs .navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+ }
+}
+
+@media (min-width: 576px) {
+ .navbar-toggleable-xs {
+ display: block;
+ }
+}
+
+.navbar-toggleable-sm::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (max-width: 767px) {
+ .navbar-toggleable-sm .navbar-brand {
+ display: block;
+ float: none;
+ margin-top: .5rem;
+ margin-right: 0;
+ }
+ .navbar-toggleable-sm .navbar-nav {
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+ }
+ .navbar-toggleable-sm .navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-toggleable-sm {
+ display: block;
+ }
+}
+
+.navbar-toggleable-md::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (max-width: 991px) {
+ .navbar-toggleable-md .navbar-brand {
+ display: block;
+ float: none;
+ margin-top: .5rem;
+ margin-right: 0;
+ }
+ .navbar-toggleable-md .navbar-nav {
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+ }
+ .navbar-toggleable-md .navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-toggleable-md {
+ display: block;
+ }
+}
+
+.navbar-toggleable-lg::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (max-width: 1199px) {
+ .navbar-toggleable-lg .navbar-brand {
+ display: block;
+ float: none;
+ margin-top: .5rem;
+ margin-right: 0;
+ }
+ .navbar-toggleable-lg .navbar-nav {
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+ }
+ .navbar-toggleable-lg .navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-toggleable-lg {
+ display: block;
+ }
+}
+
+.navbar-toggleable-xl {
+ display: block;
+}
+
+.navbar-toggleable-xl::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.navbar-toggleable-xl .navbar-brand {
+ display: block;
+ float: none;
+ margin-top: .5rem;
+ margin-right: 0;
+}
+
+.navbar-toggleable-xl .navbar-nav {
+ margin-top: .5rem;
+ margin-bottom: .5rem;
+}
+
+.navbar-toggleable-xl .navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+}
+
.navbar-nav .nav-item {
float: left;
}
@@ -4096,20 +4242,23 @@ tbody.collapse.in {
margin-left: 1rem;
}
-.navbar-light .navbar-brand {
- color: rgba(0, 0, 0, 0.8);
+.navbar-light .navbar-brand,
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.9);
}
-.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
- color: rgba(0, 0, 0, 0.8);
+.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
+.navbar-light .navbar-toggler:focus,
+.navbar-light .navbar-toggler:hover {
+ color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
- color: rgba(0, 0, 0, 0.3);
+ color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
- color: rgba(0, 0, 0, 0.6);
+ color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
@@ -4122,22 +4271,26 @@ tbody.collapse.in {
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
- color: rgba(0, 0, 0, 0.8);
+ color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+ border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-divider {
background-color: rgba(0, 0, 0, 0.075);
}
-.navbar-dark .navbar-brand {
+.navbar-dark .navbar-brand,
+.navbar-dark .navbar-toggler {
color: white;
}
-.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
+.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-toggler:focus,
+.navbar-dark .navbar-toggler:hover {
color: white;
}
@@ -4164,6 +4317,7 @@ tbody.collapse.in {
.navbar-dark .navbar-toggler {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+ border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-divider {
@@ -4772,7 +4926,7 @@ a.tag:focus, a.tag:hover {
}
.alert {
- padding: 1rem;
+ padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
@@ -4787,13 +4941,13 @@ a.tag:focus, a.tag:hover {
}
.alert-dismissible {
- padding-right: 2rem;
+ padding-right: 2.5rem;
}
.alert-dismissible .close {
position: relative;
top: -.125rem;
- right: -1rem;
+ right: -1.25rem;
color: inherit;
}