Override angie placeholder styling

Addresses RISDEV-2353
digitalservicebund · Dec 11, 2023 · 1ad8f24 · 1ad8f24
1 parent 4b0cdec
commit 1ad8f24
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -1,8 +1,32 @@
+const plugin = require("tailwindcss/plugin")
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./src/**/*.{html,vue,js,ts}"],
   presets: [require("@digitalservice4germany/style-dictionary/tailwind")],
-  plugins: [require("@digitalservice4germany/angie")],
+  plugins: [
+    require("@digitalservice4germany/angie"),
+    plugin(function ({ addComponents }) {
+      addComponents({
+        ".ds-input::placeholder, .ds-textarea::placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input::-webkit-input-placeholder, .ds-textarea::-webkit-input-placeholder":
+          {
+            fontStyle: "normal",
+          },
+        ".ds-input::-moz-placeholder, .ds-textarea::-moz-placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input:-ms-input-placeholder, .ds-textarea:-ms-input-placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input:-moz-placeholder, .ds-textarea:-moz-placeholder": {
+          fontStyle: "normal",
+        },
+      })
+    }),
+  ],
 
   theme: {
     fontWeight: {