Input: Add primary-font to input elements designed to display text (t…

…rimble-oss#2354)
austinoneil · Apr 4, 2024 · 5317988 · 5317988
1 parent 94721ab
commit 5317988
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 0 deletions.
diff --git a/stencil-workspace/src/components/modus-date-input/modus-date-input.scss b/stencil-workspace/src/components/modus-date-input/modus-date-input.scss
@@ -199,6 +199,7 @@
     background-position: right calc(0.375em + 0.1875rem) center;
     background-repeat: no-repeat;
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+    font-family: $primary-font;
     padding-right: calc(1.5em + 0.75rem);
   }
 }
diff --git a/stencil-workspace/src/components/modus-date-picker/modus-date-picker.scss b/stencil-workspace/src/components/modus-date-picker/modus-date-picker.scss
@@ -36,6 +36,12 @@
     }
   }
 
+  .input-container {
+    input {
+      font-family: $primary-font;
+    }
+  }
+
   .calendar-container {
     background-color: $modus-date-picker-calendar-body-bg;
     border-radius: 4px;

diff --git a/stencil-workspace/src/components/modus-number-input/modus-number-input.scss b/stencil-workspace/src/components/modus-number-input/modus-number-input.scss
@@ -41,6 +41,7 @@
       background-color: transparent;
       border: none;
       color: $modus-input-color;
+      font-family: $primary-font;
       outline: 0;
       padding: 0 $rem-8px;
       width: 100%;

diff --git a/stencil-workspace/src/components/modus-text-input/modus-text-input.scss b/stencil-workspace/src/components/modus-text-input/modus-text-input.scss
@@ -56,6 +56,7 @@
       background-color: transparent;
       border: none;
       color: $modus-input-color;
+      font-family: $primary-font;
       font-size: $rem-12px;
       outline: none;
       padding: 0 $rem-8px;

diff --git a/stencil-workspace/src/components/modus-time-picker/modus-time-picker.scss b/stencil-workspace/src/components/modus-time-picker/modus-time-picker.scss
@@ -64,6 +64,7 @@
       background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
       border: none;
       color: $modus-input-color;
+      font-family: $primary-font;
       font-size: $rem-12px;
       outline: none;
       padding: 0 $rem-8px;