chore: update form font size and borders

Financial-Times · Jan 9, 2025 · 8de6520 · 8de6520
1 parent 0bf1d98
commit 8de6520
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/components/o-forms/src/scss/shared/_single-inputs.scss b/components/o-forms/src/scss/shared/_single-inputs.scss
@@ -2,8 +2,8 @@
 /// @param {Boolean} $disabled Whether to output disabled state styling
 /// @output base styles for select, textarea and text input
 @mixin _oFormsInputBase($disabled) {
-	font-family: inherit;
-	font-size: inherit;
+	font-family: oPrivateFoundationGet('o3-font-family-metric');
+	font-size: oPrivateFoundationGet('o3-font-size-metric2-0');
 	background-color: _oFormsGet('default-background');
 	border: $_o-forms-border;
 	border-radius: oPrivateFoundationGet('o3-border-radius-1');

diff --git a/components/o-forms/src/scss/shared/_variables.scss b/components/o-forms/src/scss/shared/_variables.scss
@@ -1,6 +1,6 @@
 $o-forms-is-silent: true !default;
 
-$_o-forms-border: 1px solid _oFormsGet('default-border');
+$_o-forms-border: oPrivateFoundationGet('_o3-form-input-border');
 
 $_o-forms-spacing-half: div(oPrivateSpacingByIncrement(1), 2); //2px
 $_o-forms-spacing-one: oPrivateSpacingByIncrement(1); // 4px

diff --git a/components/o3-form/src/css/components/text-input.css b/components/o3-form/src/css/components/text-input.css
@@ -4,6 +4,7 @@
     background-color: var(--_o3-form-color-use-case-background);
 	box-sizing: border-box;
     border-radius: var(--_o3-form-input-border-radius);
+    font-size: var(--o3-font-size-metric2-0);
     --o3-grid-columns-to-span-count: 4;
     max-width: var(--_o3-form-text-input-max-width, var(--o3-grid-columns-to-span-width));
 }