fix: some components do not have a default font size

db-ui · Jul 1, 2024 · 77f4e19 · 77f4e19
1 parent 1ef7e78
commit 77f4e19
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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) {