refactor: remove mobile stacking from breadcrumbs (#729)

cds-snc · Jan 13, 2025 · cf70cf6 · cf70cf6
1 parent 1cd508a
commit cf70cf6
Showing 1 changed file with 2 additions and 14 deletions.
diff --git a/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css b/packages/web/src/components/gcds-breadcrumbs/gcds-breadcrumbs-item.css
@@ -1,4 +1,4 @@
-@layer reset, default, hover, focus, mobile;
+@layer reset, default, hover, focus;
 
 @layer reset {
   :host(.gcds-breadcrumbs-item) {
@@ -17,9 +17,7 @@
 
 @layer default {
   :host(.gcds-breadcrumbs-item) {
-    @media screen and (width >= 30rem) {
-      margin: var(--gcds-breadcrumbs-item-margin) !important;
-    }
+    margin: var(--gcds-breadcrumbs-item-margin) !important;
 
     &:before {
       display: inline-block;
@@ -29,13 +27,3 @@
     }
   }
 }
-
-/* Note: mobile specific style decision */
-@layer mobile {
-  @media screen and (width < 30rem) {
-    :host(.gcds-breadcrumbs-item) {
-      display: block;
-      margin: var(--gcds-breadcrumbs-mobile-item-margin) !important;
-    }
-  }
-}