Merge branch 'dev' into USAGOV-2028-Add-regression-tests-for-footer

usagov · Nov 14, 2024 · 2529d40 · 2529d40
2 parents cf9e455 + 1d86fbc
commit 2529d40
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss b/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss
@@ -886,36 +886,34 @@ input::-webkit-textfield-decoration-container {
 // reduces the space under the breadcrumb on the downlevel page with a leftnav to look even
 @media (max-width: 30rem) {
   .breadcrumb-spacing {
-    height: 2.5rem;
+    min-height: 2.5rem;
   }
 }
 
 @media (min-width: 30.0625em) and (max-width: 40em) {
   .breadcrumb-spacing {
-    height: 4rem;
+    min-height: 4rem;
   }
 }
 
 @media (min-width: 40.0625em) and (max-width: 63.93em) {
   .breadcrumb-spacing {
-    height: 1.7rem;
+    min-height: 1.7rem;
   }
 }
 
 @media screen and (min-width: 64em) {
   .breadcrumb-spacing {
-    height: 3.7rem;
+    min-height: 3.7rem;
   }
 }
 
 // reduces space below the breadcrumb on benefits pages
 #block-usagov-breadcrumbs {
-  height: 4rem;
-}
-
-#block-usagov-breadcrumbs {
-  @media screen and (max-width: 30em) {
-    height: 5rem;
+  min-height: 5rem;
+
+  @include at-media("mobile-lg") {
+    min-height: 4rem;
   }
 }
 

diff --git a/web/themes/custom/usagov/templates/breadcrumb.html.twig b/web/themes/custom/usagov/templates/breadcrumb.html.twig
@@ -48,8 +48,7 @@
         mobile-lg:margin-top-2
         tablet:margin-top-neg-3
         desktop:margin-top-0
-        margin-bottom-2
-        mobile-lg:margin-bottom-6"
+        margin-bottom-2"
     aria-label="Breadcrumb">
 
     <ol class="usa-breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">