diff --git a/packages/components/src/components/accordion-item/accordion-item.scss b/packages/components/src/components/accordion-item/accordion-item.scss index aadc8d59a79..d1c9c33ab8c 100644 --- a/packages/components/src/components/accordion-item/accordion-item.scss +++ b/packages/components/src/components/accordion-item/accordion-item.scss @@ -24,6 +24,8 @@ $db-accordion-item-border-radius: variables.$db-border-radius-sm; summary { @extend %dropdown-icon; + @extend %db-overwrite-font-size-md; + background-color: colors.$db-current-color-bg-transparent-full-enabled; list-style: none; diff --git a/packages/components/src/components/brand/brand.scss b/packages/components/src/components/brand/brand.scss index 56e18f18244..29bd368035a 100644 --- a/packages/components/src/components/brand/brand.scss +++ b/packages/components/src/components/brand/brand.scss @@ -1,7 +1,10 @@ @use "@db-ui/foundations/build/scss/variables"; @use "@db-ui/foundations/build/scss/colors"; +@use "@db-ui/foundations/build/scss/fonts"; .db-brand { + @extend %db-overwrite-font-size-md; + display: flex; gap: variables.$db-spacing-fixed-sm; align-items: center; diff --git a/packages/components/src/components/button/button.scss b/packages/components/src/components/button/button.scss index 19d176f6705..1374723f06a 100644 --- a/packages/components/src/components/button/button.scss +++ b/packages/components/src/components/button/button.scss @@ -10,6 +10,7 @@ .db-button { @extend %default-interactive-component; @extend %default-button; + @extend %db-overwrite-font-size-md; color: colors.$db-current-color-enabled; diff --git a/packages/components/src/components/link/link.scss b/packages/components/src/components/link/link.scss index 65260937592..13cddcdf5bf 100644 --- a/packages/components/src/components/link/link.scss +++ b/packages/components/src/components/link/link.scss @@ -10,6 +10,7 @@ .db-link { @extend %db-default-link; + @extend %db-overwrite-font-size-md; a { // Workaround for angular diff --git a/packages/components/src/components/navigation-item/navigation-item.scss b/packages/components/src/components/navigation-item/navigation-item.scss index 964cfa9d58d..00369899b3c 100644 --- a/packages/components/src/components/navigation-item/navigation-item.scss +++ b/packages/components/src/components/navigation-item/navigation-item.scss @@ -1,5 +1,6 @@ @use "@db-ui/foundations/build/scss/variables"; @use "@db-ui/foundations/build/scss/colors"; +@use "@db-ui/foundations/build/scss/fonts"; @use "@db-ui/foundations/build/scss/screen-sizes"; @use "@db-ui/foundations/build/scss/helpers"; @use "@db-ui/foundations/build/scss/animation"; @@ -44,6 +45,7 @@ %navigation-item { @extend %default-interactive-component; @extend %transparent-border; + @extend %db-overwrite-font-size-md; background-color: colors.$db-current-color-bg-transparent-full-enabled; cursor: pointer; diff --git a/packages/components/src/components/tab-list/tab-list.scss b/packages/components/src/components/tab-list/tab-list.scss index c79faecd805..75582cf2fb7 100644 --- a/packages/components/src/components/tab-list/tab-list.scss +++ b/packages/components/src/components/tab-list/tab-list.scss @@ -2,6 +2,8 @@ @use "../../styles/scrollbar"; .db-tab-list { + @extend %db-overwrite-font-size-md; + position: relative; > ul { diff --git a/packages/components/src/styles/_form-components.scss b/packages/components/src/styles/_form-components.scss index 14259888b80..a88cd1c60c8 100644 --- a/packages/components/src/styles/_form-components.scss +++ b/packages/components/src/styles/_form-components.scss @@ -411,6 +411,7 @@ $input-valid-types: "color", "date", "datetime-local", "email", "file", "hidden" } @mixin set-default-check-element($selector) { + @extend %db-overwrite-font-size-md; @include set-required-label(input); @include get-validity($selector) {