rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

Docs navbar tweaks (#29948)

Browse Source
This commit is contained in:
Martijn Cuppens 2020-02-13 13:45:33 +01:00 committed by GitHub
parent e7bedac3db
commit 6f4784c8bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/assets/scss/_navbar.scss
View File

@ -1,16 +1,15 @@
.bd-navbar {
min-height: 4rem;
padding: .625rem 0;
background-color: $bd-purple-bright;
@include media-breakpoint-down(md) {
.navbar-nav-scroll {
width: 100%;
height: 2.5rem;
margin-top: .25rem;
overflow: hidden;
.navbar-nav {
padding-bottom: 2rem;
padding: .5rem 0;
margin: -.5rem 0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
@ -22,7 +21,6 @@
.nav-link {
color: rgba($white, .85);
&.active,
&:hover,
&:focus {
color: $white;
@ -30,6 +28,7 @@
&.active {
font-weight: 600;
color: $white;
}
}
}

6
site/layouts/partials/docs-navbar.html
View File

@ -1,6 +1,6 @@
<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
<div class="container-xl flex-wrap flex-md-nowrap py-0 px-3">
<a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap">
<header class="navbar navbar-expand navbar-dark bd-navbar">
<div class="container-xl flex-wrap flex-md-nowrap">
<a class="navbar-brand mr-2" href="/" aria-label="Bootstrap">
{{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
</a>