diff --git a/src/styles/typography/wysiwyg.tsx b/src/styles/typography/wysiwyg.tsx index 805af649..aecaee21 100644 --- a/src/styles/typography/wysiwyg.tsx +++ b/src/styles/typography/wysiwyg.tsx @@ -1,19 +1,11 @@ // @ts-nocheck module.exports = function () { - return function ({addComponents, theme}) { + return function ({addComponents}) { const components = { '.wysiwyg': { - 'a h2, h2 a, a h3, h3 a, a h4, h4 a, a h5, h5 a': { - color: theme('colors.digital-red'), - textDecoration: 'none', - }, - 'a:hover h2, h2 a:hover, a:hover h3, h3 a:hover, a:hover h4, h4 a:hover, a:hover h5, h5 a:hover, a:focus h2, h2 a:focus, a:focus h3, h3 a:focus, a:focus h4, h4 a:focus, a:focus h5, h5 a:focus': { - color: theme('colors.black'), - textDecoration: 'underline', - }, - pre: { - whiteSpace: 'normal', + '> :first-child': { + marginTop: '0' } }, }; diff --git a/tailwind.config.js b/tailwind.config.js index ef35468d..29192076 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -52,6 +52,7 @@ module.exports = { require('@tailwindcss/container-queries'), require(`${dir}/typography/local-footer.tsx`)(), require(`${dir}/typography/global-message.tsx`)(), + require(`${dir}/typography/wysiwyg.tsx`)(), require(`${dir}/centered-container.tsx`)(), ], };