From 9aea319c66d6f82e08abdafc5cbba8f4849073a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A9sor=20ILOYI?= <tiloyi@users.noreply.github.com>
Date: Tue, 12 Apr 2022 23:21:39 +0200
Subject: [PATCH] feat(component/breadcrumb): remove padding-left & dark
 background-color (#1098)

---
 packages/styles/components/_c.breadcrumb.scss | 41 +------------------
 .../previews/dark-mode.preview.scss           |  1 +
 2 files changed, 3 insertions(+), 39 deletions(-)

diff --git a/packages/styles/components/_c.breadcrumb.scss b/packages/styles/components/_c.breadcrumb.scss
index 5b512b646..7dc0390e4 100644
--- a/packages/styles/components/_c.breadcrumb.scss
+++ b/packages/styles/components/_c.breadcrumb.scss
@@ -4,44 +4,8 @@
   @include set-font-face();
 
   color: $color-font-darker;
-  padding: magic-unit-rem(0.9375, "true") 0 magic-unit-rem(0.9375, "true")
-    magic-unit-rem(1.125, "true");
-
-  @include set-from-screen("s-large") {
-    padding-left: $mu125;
-  }
-
-  @include set-from-screen("s-xlarge") {
-    padding-left: magic-unit-rem(1.375, "true");
-  }
-
-  @include set-from-screen("m") {
-    padding-left: $mu200;
-  }
-
-  @include set-from-screen("m-medium") {
-    padding-left: magic-unit-rem(2.125, "true");
-  }
-
-  @include set-from-screen("l") {
-    padding-left: $mu300;
-  }
-
-  @include set-from-screen("xl") {
-    padding-left: $mu200;
-  }
-
-  @include set-from-screen("xl-medium") {
-    padding-left: $mu700;
-  }
-
-  @include set-from-screen("xl-large") {
-    padding-left: $mu200;
-  }
-
-  @include set-from-screen("xxl") {
-    padding-left: $mu250;
-  }
+  padding-bottom: magic-unit-rem(0.9375, "true");
+  padding-top: magic-unit-rem(0.9375, "true");
 
   &__container {
     @include unstyle-list();
@@ -105,7 +69,6 @@
   }
 
   &--dark {
-    background-color: $color-grey-700;
     color: $color-font-lightest;
 
     #{$parent} {
diff --git a/src/docs/Components/Breadcrumb/previews/dark-mode.preview.scss b/src/docs/Components/Breadcrumb/previews/dark-mode.preview.scss
index a0bc9aa89..5fced8273 100644
--- a/src/docs/Components/Breadcrumb/previews/dark-mode.preview.scss
+++ b/src/docs/Components/Breadcrumb/previews/dark-mode.preview.scss
@@ -6,6 +6,7 @@
 .example {
   @include set-font-face();
 
+  background-color: $color-grey-700;
   display: block;
   padding: $mu150;
 }