refactor: make breadcrumbs tighter

[lex111]

Currently the spacing of breadcrumbs seems rather large, I suggest making them more compact.

Before	After

[github-actions]

Dist CSS Diff

diff --git a/packages/core/dist/css/default/default.css b/packages/core/dist-branch/css/default/default.css
index 9610f30..e3ddea7 100644
--- a/packages/core/dist/css/default/default.css
+++ b/packages/core/dist-branch/css/default/default.css
@@ -274,11 +274,11 @@
   --ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 0.5);
   --ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
   --ifm-breadcrumb-border-radius: 1.5rem;
-  --ifm-breadcrumb-spacing: 0.0625rem;
+  --ifm-breadcrumb-spacing: 0.5rem;
   --ifm-breadcrumb-color-active: var(--ifm-color-primary);
   --ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
-  --ifm-breadcrumb-padding-horizontal: 1rem;
-  --ifm-breadcrumb-padding-vertical: 0.5rem;
+  --ifm-breadcrumb-padding-horizontal: 0.8rem;
+  --ifm-breadcrumb-padding-vertical: 0.4rem;
   --ifm-breadcrumb-size-multiplier: 1;
   --ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
   --ifm-breadcrumb-separator-filter: none;
@@ -1706,14 +1706,6 @@ hr {
     display: inline-block;
   }
 
-.breadcrumbs__item:not(:first-child) {
-      margin-left: var(--ifm-breadcrumb-spacing);
-    }
-
-.breadcrumbs__item:not(:last-child) {
-      margin-right: var(--ifm-breadcrumb-spacing);
-    }
-
 .breadcrumbs__item:not(:last-child):after {
       background: var(--ifm-breadcrumb-separator) center;
       content: ' ';
@@ -1724,7 +1716,7 @@ hr {
           var(--ifm-breadcrumb-size-multiplier) *
           var(--ifm-breadcrumb-separator-size-multiplier)
       );
-        margin: 0 0.5rem;
+      margin: 0 var(--ifm-breadcrumb-spacing);
       opacity: 0.5;
       width: calc(
         var(--ifm-breadcrumb-separator-size) *

[github-actions]

Size Change: -1.36 kB (0%)

Total Size: 579 kB

Filename	Size	Change
./packages/core/dist/css/default-dark/default-dark-rtl.css	84.1 kB	-204 B (0%)
./packages/core/dist/css/default-dark/default-dark-rtl.min.css	59.1 kB	-135 B (0%)
./packages/core/dist/css/default-dark/default-dark.css	84.1 kB	-204 B (0%)
./packages/core/dist/css/default-dark/default-dark.min.css	59 kB	-135 B (0%)
./packages/core/dist/css/default/default-rtl.css	82 kB	-204 B (0%)
./packages/core/dist/css/default/default-rtl.min.css	57.9 kB	-135 B (0%)
./packages/core/dist/css/default/default.css	82 kB	-204 B (0%)
./packages/core/dist/css/default/default.min.css	57.9 kB	-135 B (0%)

ℹ️ View Unchanged

Filename	Size
./packages/core/dist/js/alerts.js	409 B
./packages/core/dist/js/alerts.min.js	409 B
./packages/core/dist/js/button-groups.js	267 B
./packages/core/dist/js/button-groups.min.js	267 B
./packages/core/dist/js/dropdowns.js	1.01 kB
./packages/core/dist/js/dropdowns.min.js	1.01 kB
./packages/core/dist/js/menu.js	2.4 kB
./packages/core/dist/js/menu.min.js	2.4 kB
./packages/core/dist/js/navbar.js	1.08 kB
./packages/core/dist/js/navbar.min.js	1.08 kB
./packages/core/dist/js/pills.js	270 B
./packages/core/dist/js/pills.min.js	270 B
./packages/core/dist/js/radio-behavior.js	705 B
./packages/core/dist/js/radio-behavior.min.js	705 B
./packages/core/dist/js/tabs.js	267 B
./packages/core/dist/js/tabs.min.js	267 B

_{compressed-size-action}

[netlify]

✅ Deploy Preview for infima ready!

Name	Link
🔨 Latest commit	9330af0
🔍 Latest deploy log	https://app.netlify.com/sites/infima/deploys/6257d75e6d687b0009617760
😎 Deploy Preview	https://deploy-preview-234--infima.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[slorber]

👍

not a huge difference for me but why not