[Next Theme] Reduce the height of OuiBreadcrumbs

Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki · Jan 31, 2024 · 9b1206d · 9b1206d
1 parent 2fb45d6
commit 9b1206d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/src/components/breadcrumbs/_breadcrumbs.scss b/src/components/breadcrumbs/_breadcrumbs.scss
@@ -15,7 +15,7 @@
  */
 
 .ouiBreadcrumbs {
-  @include ouiFontSizeS;
+  @include ouiFontSizeSCompressed;
   margin-bottom: -$ouiSizeXS; /* 1 */
   display: flex;
   align-items: center;

diff --git a/src/global_styling/mixins/_typography.scss b/src/global_styling/mixins/_typography.scss
@@ -62,6 +62,11 @@
   line-height: $ouiLineHeight;
 }
 
+@mixin ouiFontSizeSCompressed {
+  @include fontSize($ouiFontSizeS);
+  line-height: $ouiLineHeight;
+}
+
 @mixin ouiFontSize {
   @include fontSize($ouiFontSize);
   line-height: $ouiLineHeight;

diff --git a/src/themes/oui-next/global_styling/mixins/_typography.scss b/src/themes/oui-next/global_styling/mixins/_typography.scss
@@ -61,6 +61,11 @@
   line-height: $ouiLineHeight;
 }
 
+@mixin ouiFontSizeSCompressed {
+  @include fontSize($ouiFontSizeS);
+  line-height: 1.333;
+}
+
 @mixin ouiFontSize {
   @include fontSize($ouiFontSize);
   line-height: $ouiLineHeight;