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

tweak navbar so it isn't more than 4rem high

Browse Source
This commit is contained in:
Mark Otto 2017-05-29 20:28:08 -07:00 committed by Mark Otto
parent 86177ac3af
commit 12ca6d9d34
2 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/nav-home.html
View File

@ -1,6 +1,6 @@
<header class="navbar navbar-inverse navbar-expand-md flex-column flex-md-row bd-navbar">
<a class="navbar-brand mr-0 mr-md-2" href="{{ site.baseurl }}/">
{% include icons/bootstrap.svg width="40" height="40" class="d-block" %}
{% include icons/bootstrap.svg width="38" height="38" class="d-block" %}
</a>
<div class="navbar-nav-scroll">

12
assets/scss/_nav.scss
View File

@ -7,8 +7,7 @@
.bd-navbar {
min-height: 4rem;
background-color: $bd-purple;
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
box-shadow: 0 .5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
@include media-breakpoint-down(md) {
.navbar-nav-scroll {
@ -62,13 +61,4 @@
.dropdown-menu {
font-size: .875rem;
}
// .navbar-brand {
// color: #fff;
// }
.bd-navbar-brand-wrap {
padding-top: .25rem;
padding-bottom: .25rem;
}
}