Update logos

twbs · Jun 18, 2020 · a41a12d · a41a12d
1 parent bc90e1a
commit a41a12d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 16 deletions.
diff --git a/docs/assets/scss/_navbar.scss b/docs/assets/scss/_navbar.scss
@@ -1,16 +1,13 @@
 .bd-navbar {
-  min-height: 4rem;
+  padding: .625rem 0;
   background-color: $bd-purple-bright;
 
   @media (max-width: 991.98px) {
     .navbar-nav-scroll {
       width: 100%;
-      height: 2.5rem;
-      margin-top: .25rem;
-      overflow: hidden;
 
       .navbar-nav {
-        padding-bottom: 2rem;
+        margin: -.5rem 0;
         overflow-x: auto;
         white-space: nowrap;
         -webkit-overflow-scrolling: touch;
@@ -22,21 +19,19 @@
     .nav-link {
       color: rgba($white, .85);
 
-      &.active,
       &:hover,
       &:focus {
         color: $white;
-        background-color: transparent;
       }
 
       &.active {
         font-weight: 600;
+        color: $white;
       }
     }
   }
 
   .navbar-nav-svg {
-    display: inline-block;
     width: 1rem;
     height: 1rem;
     vertical-align: text-top;

diff --git a/docs/layouts/icons/list.html b/docs/layouts/icons/list.html
diff --git a/docs/layouts/partials/icons/bootstrap-white-fill.svg b/docs/layouts/partials/icons/bootstrap-white-fill.svg
diff --git a/docs/layouts/partials/navbar.html b/docs/layouts/partials/navbar.html
@@ -1,11 +1,11 @@
 <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
   <div class="container flex-wrap flex-md-nowrap py-0 px-3">
-    <a class="navbar-brand mr-0 mr-md-2" href="{{ .Site.Params.main }}/" aria-label="Bootstrap">
-      {{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
+    <a class="navbar-brand p-0 mr-0 mr-md-2" href="{{ .Site.Params.main }}/" aria-label="Bootstrap">
+      {{ partial "icons/bootstrap-white-fill.svg" (dict "class" "d-block" "height" "32") }}
     </a>
 
-    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start">
-      <ul class="navbar-nav bd-navbar-nav flex-row">
+    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start mt-1 mt-md-0">
+      <ul class="navbar-nav bd-navbar-nav flex-row py-2 py-md-0">
         <li class="nav-item">
           <a class="nav-link " href="{{ .Site.Params.main }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
         </li>
@@ -32,22 +32,22 @@
 
     <ul class="navbar-nav ml-sm-auto">
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="{{ .Site.Params.github_org }}" target="_blank" rel="noopener" aria-label="GitHub">
+        <a class="nav-link px-1 mx-1 py-2" href="{{ .Site.Params.github_org }}" target="_blank" rel="noopener" aria-label="GitHub">
           {{ partial "icons/github.svg" (dict "class" "navbar-nav-svg" "width" "36" "height" "36") }}
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank" rel="noopener" aria-label="Twitter">
+        <a class="nav-link px-1 mx-1 py-2" href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank" rel="noopener" aria-label="Twitter">
           {{ partial "icons/twitter.svg" (dict "class" "navbar-nav-svg" "width" "36" "height" "36") }}
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="{{ .Site.Params.slack }}/" target="_blank" rel="noopener" aria-label="Slack">
+        <a class="nav-link px-1 mx-1 py-2" href="{{ .Site.Params.slack }}/" target="_blank" rel="noopener" aria-label="Slack">
           {{ partial "icons/slack.svg" (dict "class" "navbar-nav-svg" "width" "36" "height" "36") }}
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="{{ .Site.Params.opencollective }}/" target="_blank" rel="noopener" aria-label="Open Collective">
+        <a class="nav-link px-1 mx-1 py-2" href="{{ .Site.Params.opencollective }}/" target="_blank" rel="noopener" aria-label="Open Collective">
           {{ partial "icons/opencollective.svg" (dict "class" "navbar-nav-svg" "width" "36" "height" "36") }}
         </a>
       </li>