[web] Style change: show no backticks in inline code

ufz · Oct 1, 2024 · 3093955 · 3093955
1 parent 7a28d7f
commit 3093955
Showing 1 changed file with 27 additions and 8 deletions.
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
@@ -7,14 +7,33 @@ module.exports = {
   ],
   theme: {
     extend: {
-      typography: {
-        DEFAULT: {
-          css: {
-            a: {
-              color: '#104EB2',
-            }
-          },
-        },
+      typography (theme) {
+        return {
+          DEFAULT: {
+            css: {
+              a: {
+                color: '#104EB2',
+              },
+              'code::before': {
+                content: 'none',
+              },
+              'code::after': {
+                content: 'none'
+              },
+              code: {
+                "font-weight": "normal",
+                borderRadius: theme('borderRadius.DEFAULT'),
+                paddingLeft: theme('spacing[1]'),
+                paddingRight: theme('spacing[1]'),
+                paddingTop: theme('spacing[0.5]'),
+                paddingBottom: theme('spacing[0.5]'),
+              },
+              'a code:hover': {
+                "font-weight": "bold",
+              },
+            },
+          }
+        };
       },
       fontFamily: {
         sans: ['Open Sans', ...defaultTheme.fontFamily.sans]