styles the autosuggest input

ONSdigital · Nov 24, 2021 · 1acc5db · 1acc5db
1 parent 2281aad
commit 1acc5db
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/ui/ons/ONSAutosuggest.svelte b/src/ui/ons/ONSAutosuggest.svelte
@@ -77,3 +77,20 @@
     </div>
   </div>
 </div>
+
+<style lang="scss">
+  @import "../../../node_modules/@ons/design-system/scss/vars/_index.scss";
+
+  @media only screen and (min-width: map-get($grid-bp, s)) {
+    .ons-input--select:not(.ons-input--block):not(.ons-input-search):not([class*="input--w-"]),
+    .ons-input--text:not(.ons-input--block):not(.ons-input-search):not([class*="input--w-"]) {
+      width: 100%;
+    }
+  }
+
+  @media only screen and (min-width: map-get($grid-bp, m)) {
+    .ons-col-8\@m {
+      max-width: 100%;
+    }
+  }
+</style>