update hr styles

Author: jyecusch

typography.js

@@ -27,7 +27,7 @@ module.exports = ({ theme }) => ({
       '--tw-prose-invert-bold': theme('colors.white'),
       '--tw-prose-invert-counters': theme('colors.zinc.400'),
       '--tw-prose-invert-bullets': theme('colors.zinc.600'),
-      '--tw-prose-invert-hr': theme('colors.white / 0.05'),
+      '--tw-prose-invert-hr': theme('colors.white / 0.10'),
       '--tw-prose-invert-quotes': theme('colors.zinc.100'),
       '--tw-prose-invert-quote-borders': theme('colors.zinc.700'),
       '--tw-prose-invert-captions': theme('colors.zinc.400'),
@@ -143,8 +143,8 @@ module.exports = ({ theme }) => ({
       hr: {
         borderColor: 'var(--tw-prose-hr)',
         borderTopWidth: 1,
-        marginTop: theme('spacing.16'),
-        marginBottom: theme('spacing.16'),
+        marginTop: theme('spacing.8'),
+        marginBottom: theme('spacing.8'),
         maxWidth: 'none',
         marginLeft: `calc(-1 * ${theme('spacing.4')})`,
         marginRight: `calc(-1 * ${theme('spacing.4')})`,