fix(demos): input select and text area inherit font style

unleashit · Apr 20, 2024 · a68498b · a68498b
1 parent d448dd3
commit a68498b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/demos/frontend/src/global.css b/demos/frontend/src/global.css
@@ -1,22 +1,40 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
 :root {
-  font-family: "Nunito Sans",-apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-family:
+    'Nunito Sans',
+    -apple-system,
+    '.SFNSText-Regular',
+    'San Francisco',
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Helvetica Neue',
+    Helvetica,
+    Arial,
+    sans-serif;
 }
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
-h1, h2, h3, h4, h5, p {
+h1,
+h2,
+h3,
+h4,
+h5,
+p {
   margin-top: 0;
 }
 
 /* Preview Layout */
 
-#storybook-root:not([hidden=true]) {
+#storybook-root:not([hidden='true']) {
   min-height: 100%;
   overflow: auto;
   display: flex;
@@ -39,7 +57,8 @@ h1, h2, h3, h4, h5, p {
 
 /* Dark mode */
 
-[data-theme='storybook-dark'], [data-theme='storybook-dark'] .docs-story {
+[data-theme='storybook-dark'],
+[data-theme='storybook-dark'] .docs-story {
   background-color: #222;
 }
 

diff --git a/shared/common/src/scss/_common_form_base.scss b/shared/common/src/scss/_common_form_base.scss
@@ -87,6 +87,8 @@
 .textarea,
 .select {
   background-color: var(--unl-form-light-mode-field-background);
+  font-family: inherit;
+  font-size: inherit;
   &:focus-visible {
     border: none;
     outline: 2px solid var(--unl-form-light-mode-border-color);