mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 20:55:50 +02:00
Code Issues Releases Wiki 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
2 changed files with 7 additions and 8 deletions
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 { .bd-navbar {
min-height: 4rem; padding: .625rem 0;
background-color: $bd-purple-bright; background-color: $bd-purple-bright;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
.navbar-nav-scroll { .navbar-nav-scroll {
width: 100%; width: 100%;
height: 2.5rem;
margin-top: .25rem; margin-top: .25rem;
overflow: hidden;
.navbar-nav { .navbar-nav {
padding-bottom: 2rem; padding: .5rem 0;
margin: -.5rem 0;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@@ -22,7 +21,6 @@
.nav-link { .nav-link {
color: rgba($white, .85); color: rgba($white, .85);
&.active,
&:hover, &:hover,
&:focus { &:focus {
color: $white; color: $white;
@@ -30,6 +28,7 @@
&.active { &.active {
font-weight: 600; 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"> <header class="navbar navbar-expand navbar-dark bd-navbar">
<div class="container-xl flex-wrap flex-md-nowrap py-0 px-3"> <div class="container-xl flex-wrap flex-md-nowrap">
<a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap"> <a class="navbar-brand mr-2" href="/" aria-label="Bootstrap">
{{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }} {{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
</a> </a>