card padding fixes, sidenav fixes

pages/_layouts/base.html

@@ -30,6 +30,12 @@
 
 	{% include layout/og.html show=layout.og-component %}
 	{% include layout/css.html %}
+
+	<style>
+		body {
+			display: none;
+		}
+	</style>
 </head>
 
 {% assign dark-theme = page.dark-theme | default: site.dark-theme %}
@@ -46,5 +52,7 @@
 		{% include layout/debug.html %}
 	{% endif %}
 
+
+	<script>document.body.style.display = "block"</script>
 </body>
 </html>

pages/_layouts/docs.html

@@ -42,8 +42,8 @@ page-header: Documentation
 		{% endcomment %}
 	</div>
 	<div class="col-lg-9">
-		<div class="card">
-			<div class="card-body p-md-6 p-xl-7">
+		<div class="card card-lg">
+			<div class="card-body">
 
 				<div class="markdown">
 					<div class="d-flex">

scss/layout/_navbar.scss

@@ -171,7 +171,7 @@ Vertical navbar
       &.active {
         font-weight: 600;
 
-        &:before {
+        >.nav-link:before {
           left: 0;
           right: auto;
           top: 0;
@@ -263,6 +263,7 @@ All navbars
 
   .nav-link {
     min-height: $navbar-height;
+    position: relative;
   }
 
   .nav-link-icon {
@@ -288,7 +289,7 @@ All navbars
             position: relative;
 
             &.active {
-              &:before {
+              >.nav-link:before {
                 content: '';
                 position: absolute;
                 bottom: -1px;

scss/ui/_cards.scss

@@ -201,7 +201,11 @@
 
   .card-lg > & {
     @include media-breakpoint-up(md) {
-      padding: 3rem;
+      padding: 2rem;
+    }
+
+    @include media-breakpoint-up(lg) {
+      padding: 4rem;
     }
   }