adjust header padding

mbta · Aug 16, 2024 · 0877d55 · 0877d55
1 parent 190a9c7
commit 0877d55
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 75 deletions.
diff --git a/documentation/_includes/assets/css/mbta.css b/documentation/_includes/assets/css/mbta.css
@@ -90,9 +90,8 @@ nav.mbta--nav {
     display: flex;
     gap: var(--spacing-default); 
     font-family: var(--font-stack);
-    font-size: var(--font-size-small);
-    padding-block: var(--spacing-small);
-    padding-inline: clamp(var(--spacing-small), 5%, var(--spacing-extra-extra-large));
+    padding-block: var(--spacing-default);
+    padding-inline: clamp(var(--spacing-default), 5%, var(--spacing-extra-extra-large));
 
     .mbta--logo, .mbta--nav-actions {
       display: inherit;
@@ -104,7 +103,7 @@ nav.mbta--nav {
 
       img {
         height: revert-layer; 
-        max-height: calc(var(--spacing-default) + var(--spacing-small));
+        max-height: calc(var(--spacing-default) + var(--spacing-default));
         width: auto;
       }
     }

diff --git a/documentation/_tmp/style.css b/documentation/_tmp/style.css
@@ -699,41 +699,6 @@ select {
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }
-.container {
-  width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (min-width: 640px) {
-
-  .container {
-    max-width: 640px;
-  }
-}
-@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}
-@media (min-width: 1024px) {
-
-  .container {
-    max-width: 1024px;
-  }
-}
-@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}
 .prose {
   color: var(--tw-prose-body);
   max-width: 100%;
@@ -1193,6 +1158,9 @@ select {
 .top-0 {
   top: 0px !important;
 }
+.top-20 {
+  top: 5rem !important;
+}
 .z-10 {
   z-index: 10 !important;
 }
@@ -1232,9 +1200,6 @@ select {
 .mt-12 {
   margin-top: 3rem !important;
 }
-.mt-20 {
-  margin-top: 5rem !important;
-}
 .mt-4 {
   margin-top: 1rem !important;
 }
@@ -1281,9 +1246,6 @@ select {
 .flex-none {
   flex: none !important;
 }
-.flex-shrink {
-  flex-shrink: 1 !important;
-}
 .flex-grow {
   flex-grow: 1 !important;
 }
@@ -1339,9 +1301,6 @@ select {
 .overflow-x-hidden {
   overflow-x: hidden !important;
 }
-.text-wrap {
-  text-wrap: wrap !important;
-}
 .rounded {
   border-radius: 0.25rem !important;
 }
@@ -1438,9 +1397,6 @@ select {
 .pt-1 {
   padding-top: 0.25rem !important;
 }
-.pt-16 {
-  padding-top: 4rem !important;
-}
 .pt-32 {
   padding-top: 8rem !important;
 }
@@ -1490,9 +1446,6 @@ select {
   --tw-text-opacity: 1 !important;
   color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
 }
-.underline {
-  text-decoration-line: underline !important;
-}
 .no-underline {
   text-decoration-line: none !important;
 }
@@ -1509,26 +1462,9 @@ select {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
-.outline {
-  outline-style: solid !important;
-}
 .ring-opacity-50 {
   --tw-ring-opacity: 0.5 !important;
 }
-.invert {
-  --tw-invert: invert(100%) !important;
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
-}
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
-}
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-  transition-duration: 150ms !important;
-}
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
@@ -2454,10 +2390,6 @@ select {
     padding-left: 16rem !important;
   }
 
-  .md\:pt-20 {
-    padding-top: 5rem !important;
-  }
-
   .md\:text-sm {
     font-size: 0.875rem !important;
     line-height: 1.25rem !important;