diff --git a/src/global_styling/variables/_responsive.scss b/src/global_styling/variables/_responsive.scss index f6f6a3413..add23b83e 100644 --- a/src/global_styling/variables/_responsive.scss +++ b/src/global_styling/variables/_responsive.scss @@ -14,7 +14,9 @@ $ouiBreakpoints: ( 's': 575px, 'm': 768px, 'l': 992px, - 'xl': 1200px + 'xl': 1200px, + 'xxl': 1680px, + 'xxxl': 1920px ) !default; $ouiBreakpointKeys: map-keys($ouiBreakpoints); diff --git a/src/themes/oui-next/global_styling/variables/_responsive.scss b/src/themes/oui-next/global_styling/variables/_responsive.scss index f6f6a3413..add23b83e 100644 --- a/src/themes/oui-next/global_styling/variables/_responsive.scss +++ b/src/themes/oui-next/global_styling/variables/_responsive.scss @@ -14,7 +14,9 @@ $ouiBreakpoints: ( 's': 575px, 'm': 768px, 'l': 992px, - 'xl': 1200px + 'xl': 1200px, + 'xxl': 1680px, + 'xxxl': 1920px ) !default; $ouiBreakpointKeys: map-keys($ouiBreakpoints); diff --git a/src/themes/v9/global_styling/variables/_responsive.scss b/src/themes/v9/global_styling/variables/_responsive.scss index f6f6a3413..add23b83e 100644 --- a/src/themes/v9/global_styling/variables/_responsive.scss +++ b/src/themes/v9/global_styling/variables/_responsive.scss @@ -14,7 +14,9 @@ $ouiBreakpoints: ( 's': 575px, 'm': 768px, 'l': 992px, - 'xl': 1200px + 'xl': 1200px, + 'xxl': 1680px, + 'xxxl': 1920px ) !default; $ouiBreakpointKeys: map-keys($ouiBreakpoints);