From c72ccd9292e873b2e4705a543fa4cec39e7696f2 Mon Sep 17 00:00:00 2001
From: Gautier <gautiert@gmail.com>
Date: Thu, 3 Dec 2020 19:43:29 +0100
Subject: [PATCH] Add !default to all EuiCollapsibleNav SASS variables (#4335)

---
 CHANGELOG.md                                   | 1 +
 src/components/collapsible_nav/_variables.scss | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ef3aa15c358..5a8cc48e6a6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@
 
 - Fixed `EuiErrorBoundary` error message not showing in non-Chromium browsers ([#4324](https://github.com/elastic/eui/pull/4324))
 - Fixed `EuiToolTip` closing during initial positioning period ([#4327](https://github.com/elastic/eui/pull/4327))
+- Added `!default` to SASS variables of `EuiCollapsibleNav` ([#4335](https://github.com/elastic/eui/pull/4335))
 
 **Theme: Amsterdam**
 
diff --git a/src/components/collapsible_nav/_variables.scss b/src/components/collapsible_nav/_variables.scss
index f883cd5f8a2..fbb573d7d2b 100644
--- a/src/components/collapsible_nav/_variables.scss
+++ b/src/components/collapsible_nav/_variables.scss
@@ -1,14 +1,14 @@
 // Sizing
-$euiCollapsibleNavWidth: $euiSize * 20; // ~ 320px
+$euiCollapsibleNavWidth: $euiSize * 20 !default; // ~ 320px
 
-$euiCollapsibleNavGroupLightBackgroundColor: $euiPageBackgroundColor;
+$euiCollapsibleNavGroupLightBackgroundColor: $euiPageBackgroundColor !default;
 
 $euiCollapsibleNavGroupDarkBackgroundColor: lightOrDarkTheme(
   shade($euiColorDarkestShade, 20%),
   shade($euiColorLightestShade, 50%),
-);
+) !default;
 
 $euiCollapsibleNavGroupDarkHighContrastColor: makeGraphicContrastColor(
   $euiColorPrimary,
   $euiCollapsibleNavGroupDarkBackgroundColor
-);
+) !default;