diff options
| author | Mark Otto <[email protected]> | 2016-10-19 01:18:28 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-19 01:18:28 -0700 |
| commit | dd22d9925460a06c49a19f5142019a2a30c41119 (patch) | |
| tree | 7aef11fe1949b6b44306bbe6ad5b9ffc8b334c4d /docs/dist/css/bootstrap.css | |
| parent | 028dd6bd488c43a8a92e0f79c439e3426e173727 (diff) | |
| download | bootstrap-dd22d9925460a06c49a19f5142019a2a30c41119.tar.xz bootstrap-dd22d9925460a06c49a19f5142019a2a30c41119.zip | |
grunt
Diffstat (limited to 'docs/dist/css/bootstrap.css')
| -rw-r--r-- | docs/dist/css/bootstrap.css | 194 |
1 files changed, 174 insertions, 20 deletions
diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css index 22335063e..f65dd52d9 100644 --- a/docs/dist/css/bootstrap.css +++ b/docs/dist/css/bootstrap.css @@ -3823,21 +3823,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; @@ -3847,10 +3844,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; @@ -3864,6 +3867,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; } @@ -3882,20 +4028,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, @@ -3908,22 +4057,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; } @@ -3950,6 +4103,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 { @@ -4547,7 +4701,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; @@ -4562,13 +4716,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; } |
