style: add media query for the small breadcrumb

scar055 · scar055 · commit 59992238209c · 2024-06-18T15:38:12.000+02:00
diff --git a/packages/ui/src/components/Breadcrumb/index.module.scss b/packages/ui/src/components/Breadcrumb/index.module.scss
@@ -16,8 +16,10 @@
   margin-inline-end: 8px;
 }
 
-.utrecht-breadcrumb-nav__separator {
-  margin-inline-end: var(--utrecht-space-inline-xs);
+@media (width >= 360px) {
+  .utrecht-breadcrumb-nav__separator {
+    margin-inline-end: var(--utrecht-space-inline-xs);
+  }
 }
 
 .utrecht-breadcrumb-nav__link {

Original file line number	Diff line number	Diff line change
`@@ -16,8 +16,10 @@`
`16`	`16`	`margin-inline-end: 8px;`
`17`	`17`	`}`
`18`	`18`
`19`		`-.utrecht-breadcrumb-nav__separator {`
`20`		`- margin-inline-end: var(--utrecht-space-inline-xs);`
	`19`	`+@media (width >= 360px) {`
	`20`	`+ .utrecht-breadcrumb-nav__separator {`
	`21`	`+ margin-inline-end: var(--utrecht-space-inline-xs);`
	`22`	`+ }`
`21`	`23`	`}`
`22`	`24`
`23`	`25`	`.utrecht-breadcrumb-nav__link {`