Prose styling

This commit is contained in:
Yağızhan 2023-01-08 08:48:49 +03:00
parent dbf2600afb
commit 0c79ec0ba6
3 changed files with 28 additions and 4 deletions

File diff suppressed because one or more lines are too long

View file

@ -44,7 +44,7 @@
<div class="container mx-auto px-4 my-4">
<div class="flex flex-wrap -mx-4">
<div class="w-1/12 px-4"></div>
<div class="w-10/12 px-4 prose dark:prose-invert prose-code:before:hidden prose-code:after:hidden"><!--AntCMS-Body--></div>
<div class="w-10/12 px-4 prose dark:prose-invert"><!--AntCMS-Body--></div>
<div class="w-1/12 px-4"></div>
</div>
</div>

View file

@ -2,9 +2,33 @@
module.exports = {
content: ["./src/Themes/Default/Templates/*.{html,js}"],
theme: {
extend: {},
extend: {
typography ({ theme }) {
return {
DEFAULT: {
css: {
'code::before': {
content: 'none',
},
'code::after': {
content: 'none'
},
code: {
backgroundColor: theme('colors.zinc.700'),
color: theme('colors.zinc.100'),
paddingLeft: theme('spacing[1.5]'),
paddingRight: theme('spacing[1.5]'),
paddingTop: theme('spacing.1'),
paddingBottom: theme('spacing.1'),
borderRadius: theme('borderRadius.DEFAULT'),
},
}
},
}
}
},
},
plugins: [
require('@tailwindcss/typography'),
],
}
}