fix: adjust breadcrumb and typography (#1110)

fix: fix typography and breadcrumbs
ocean-ds · Jun 20, 2024 · 75860e4 · 75860e4
1 parent 168c004
commit 75860e4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/ocean-core/src/components/_typography.scss b/packages/ocean-core/src/components/_typography.scss
@@ -71,6 +71,7 @@
     font-family: $font-family-base;
     font-size: $font-size-sm;
     font-weight: $font-weight-bold;
+    line-height: $line-height-comfy;
   }
 
   &__description {
@@ -84,7 +85,7 @@
   }
 
   &__captionbold {
-    color: $color_interface_dark_up;
+    color: $color-interface-dark-down;
     font-family: $font-family-base;
     font-size: $font-size-xxxs;
     font-weight: $font-weight-medium;
@@ -96,7 +97,7 @@
     font-family: $font-family-base;
     font-size: $font-size-xxxs;
     font-weight: $font-weight-bold;
-    letter-spacing: 2.8px;
+    letter-spacing: 1.8px;
     line-height: $line-height-comfy;
     text-transform: uppercase;
   }

diff --git a/packages/ocean-core/src/components/breadcrumb.scss b/packages/ocean-core/src/components/breadcrumb.scss
@@ -1,6 +1,8 @@
 .ods-breadcrumb {
   align-items: center;
   display: flex;
+  font-family: $font-family-base;
+  font-size: $font-size-xxxs;
   gap: 4px;
   padding: 6px 0;
 
@@ -23,11 +25,16 @@
     border: transparent;
     outline: 1px solid transparent;
     padding: 0;
+
+    svg {
+      color: $color-interface-dark-down;
+    }
   }
 
   span,
   button,
   a {
+    background-color: transparent;
     color: $color-interface-dark-up;
     font-family: $font-family-base;
     font-size: $font-size-xxxs;