}
body {
- padding-top: 6rem;
margin-bottom: $footer-height;
}
}
.navbar {
- &.scrolled {
- @extend .inverse;
-
- transition: background-color 200ms linear;
-
- border-bottom: 2px solid $body-bg;
- }
-
.navbar-brand {
color: inherit;
}
-$(document).ready(function () {
- $(document).scroll(function () {
- var nav = $(".navbar");
- nav.toggleClass("scrolled", $(this).scrollTop() >= 1);
- });
-
- //* Menu *//
- $('.navbar-toggler-left').click(function() {
- $('#navbarSupportedContent, #mask').addClass('open');
- $('.scrolled').addClass('fadeout');
- });
- $('#mask').click(function() {
- $('#navbarSupportedContent, #mask').removeClass('open');
- $('.scrolled').removeClass('fadeout');
- });
-});
-
$.query = function(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
</head>
<body id="page-top">
- <nav class="navbar navbar-expand-lg fixed-top">
+ <nav class="navbar navbar-dark navbar-expand-lg">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">