From f059e6dd435c6920e118b64bb2c5a142aa3a965b Mon Sep 17 00:00:00 2001
From: LE DIOURON Kevin <kevin.lediouron.ext@orange.com>
Date: Fri, 26 Feb 2021 14:28:21 +0100
Subject: [PATCH] Apply ffoodd suggestions regarding spacings for between sm
 and lg

---
 scss/_stepped-process.scss | 16 ++++++----------
 scss/_variables.scss       |  1 -
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/scss/_stepped-process.scss b/scss/_stepped-process.scss
index d0c773d011..a6e0bffab2 100644
--- a/scss/_stepped-process.scss
+++ b/scss/_stepped-process.scss
@@ -68,7 +68,6 @@
 @include media-breakpoint-up(sm) {
   .stepped-process-item {
     position: relative;
-    max-width: $step-item-max-width;
     padding: $step-item-padding 0;
     margin: 0;
     filter: $step-item-drop-shadow;
@@ -77,10 +76,6 @@
       padding-left: $step-item-padding-end;
     }
 
-    &:last-child {
-      padding-right: $step-item-padding-end;
-    }
-
     &:not(:last-child)::after {
       position: absolute;
       top: 0;
@@ -92,10 +87,6 @@
       background-color: inherit;
       clip-path: $step-item-arrow-shape;
     }
-
-    &.active {
-      max-width: none;
-    }
   }
 
   @for $i from 1 through $stepped-process-max-items {
@@ -115,7 +106,6 @@
 }
 
 @include media-breakpoint-up(xl) {
-  .stepped-process-item,
   .stepped-process-link {
     max-width: none;
   }
@@ -124,3 +114,9 @@
     content: $step-link-marker-lg;
   }
 }
+
+@include media-breakpoint-between("sm", "lg") {
+  .stepped-process-item.active {
+    flex: $stepped-process-max-items - 1;
+  }
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 19ed8bde6f..4edba4d0da 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1649,7 +1649,6 @@ $back-to-top-icon-height:        subtract(1rem, 1px) !default;
 $stepped-process-max-items: 5 !default;
 $stepped-process-counter:   step !default; // Used as a counter name
 
-$step-item-max-width:    3.75rem !default;
 $step-item-margin-end:   $border-width !default;
 $step-item-padding:      $spacer / 2 !default;
 $step-item-bg:           $black !default;