Remove now unneeded styles

Author: parlough

src/_sass/_site.scss

@@ -345,7 +345,7 @@ main .content {
 
 .content {
   position: relative;
-  padding: $content-padding;
+  padding: 2rem;
 }
 
 .button {
@@ -446,7 +446,7 @@ main .content {
 .container {
   position: relative;
   max-width: 100%;
-  width: $live-content-width;
+  width: 1280px;
   margin: 0 auto;
 }
 

src/_sass/components/_header.scss

@@ -60,88 +60,6 @@
     }
   }
 
-  .navbar-collapse {
-    bottom: 0;
-    height: auto !important; // override bootstrap's height calculation
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 0;
-    transition-duration: 0s;
-    z-index: $site-z-header;
-
-    @include bootstrap.media-breakpoint-down(sm) {
-      pointer-events: none;
-
-      &:not(.show) {
-        display: block;
-      }
-
-      &.show {
-        pointer-events: auto;
-        transition-duration: 0.35s;
-
-        .site-header__sheet {
-          transform: translateX(0);
-        }
-
-        .site-header__sheet-bg {
-          opacity: 1;
-        }
-      }
-
-      .navbar-nav {
-        margin-bottom: bootstrap.bs-spacer(5);
-        overflow-y: auto;
-        overscroll-behavior: contain;
-      }
-    }
-
-    @include bootstrap.media-breakpoint-up(md) {
-      position: static;
-    }
-  }
-
-  &__sheet {
-    display: flex;
-
-    @include bootstrap.media-breakpoint-down(sm) {
-      background: $site-color-white;
-      bottom: 0;
-      flex-direction: column;
-      left: 0;
-      position: absolute;
-      right: 60px;
-      top: 0;
-      transform: translateX(-100%);
-      transition: transform 0.35s ease-in-out;
-
-      > * {
-        margin: 0 $site-nav-mobile-side-padding;
-      }
-    }
-
-    @include bootstrap.media-breakpoint-up(md) {
-      align-items: center;
-      flex-direction: row;
-    }
-  }
-
-  &__sheet-bg {
-    cursor: pointer; // needed for iOS to recognize the div as clickable
-
-    @include bootstrap.media-breakpoint-down(sm) {
-      background: rgba(0, 0, 0, .4);
-      bottom: 0;
-      left: 0;
-      opacity: 0;
-      position: absolute;
-      right: 0;
-      top: 0;
-      transition: opacity 0.35s ease-in-out;
-    }
-  }
-
   &__cta {
     margin-left: bootstrap.bs-spacer(2);
     padding: bootstrap.bs-spacer(2) bootstrap.bs-spacer(4) !important;

src/_sass/components/_search.scss

@@ -20,7 +20,7 @@
     display: none;
     flex-shrink: 0;
     margin: 0;
-    padding: 0 $site-nav-mobile-side-padding;
+    padding: 0 1.25rem;
     order: -1;
 
     // Override of _header.scss

src/_sass/components/_sidebar.scss

@@ -1,5 +1,5 @@
 @use '../core/variables' as *;
-@use '../core/utils';
+@use '../core/mixins';
 
 $sidenav-divider-color: #e7e8ed;
 
@@ -9,8 +9,7 @@ $sidenav-divider-color: #e7e8ed;
   width: 15rem;
   min-width: 15rem;
   height: calc(100vh - $site-header-height);
-  padding: 0.75rem;
-  padding-bottom: 2.25rem;
+  padding: 0.75rem 0.75rem 2.25rem;
   position: sticky;
   top: 0;
   scrollbar-width: thin;
@@ -102,11 +101,11 @@ $sidenav-divider-color: #e7e8ed;
       }
 
       &:hover {
-        @include utils.interaction-style(3%);
+        @include mixins.interaction-style(3%);
       }
 
       &:active {
-        @include utils.interaction-style(5%);
+        @include mixins.interaction-style(5%);
       }
 
       &:not(.collapsed) {

src/_sass/core/_utils.scss

@@ -72,10 +72,6 @@ $site-color-primary: $brand-primary;
 // Sidenav, toc, and footer
 $font-size-small:         14px;
 
-// Spacing
-$live-content-width:      1280px;
-$content-padding:         32px;
-
 // Fonts
 $site-font-family-gsans: 'Google Sans', 'Roboto', sans-serif;
 $site-font-family-gsans-display: 'Google Sans Display', 'Google Sans', 'Roboto', sans-serif;
@@ -93,15 +89,7 @@ $font-family-monospace: $site-font-family-monospace;
 
 // Layout
 $site-header-height: 3.25rem;
-$site-header-with-banner-height: 98px; // 50 + 48
-$site-header-with-obsolete-height: 131px; // 50 + 81
-$site-header-with-banner-obsolete-height: 179px; // 50 + 81 + 48
-$site-footer-md-default-height: 140px;
 $site-content-top-padding: 2rem;
-$site-content-max-width: 960px;
-$site-sidebar-top-padding: 24px;
-$site-sidebar-side-padding: 20px;
-$site-nav-mobile-side-padding: 20px;
 $site-snackbar-padding: 20px;
 $site-spacer: 1rem;