diff --git a/src/styles/main.postcss b/src/styles/main.postcss index d3eb3a5..401478c 100755 --- a/src/styles/main.postcss +++ b/src/styles/main.postcss @@ -1,7 +1,7 @@ @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; -@import './prism.css'; +@import './prose.postcss'; html, body, @@ -45,7 +45,3 @@ html.dark { hover:opacity-100 hover:text-teal-600; font-size: 0.9em; } - -.prose pre { - text-align: left; -} diff --git a/src/styles/prism-vscode-dark.css b/src/styles/prism-dark.postcss similarity index 99% rename from src/styles/prism-vscode-dark.css rename to src/styles/prism-dark.postcss index b621e46..01c46b5 100644 --- a/src/styles/prism-vscode-dark.css +++ b/src/styles/prism-dark.postcss @@ -232,8 +232,8 @@ html.dark { color: #808080; } /********************************************************* -* Line highlighting -*/ + * Line highlighting + */ pre[data-line] { position: relative; } diff --git a/src/styles/prism-vscode-light.css b/src/styles/prism-light.postcss similarity index 100% rename from src/styles/prism-vscode-light.css rename to src/styles/prism-light.postcss diff --git a/src/styles/prism.css b/src/styles/prose.postcss similarity index 82% rename from src/styles/prism.css rename to src/styles/prose.postcss index c6b429b..288469e 100644 --- a/src/styles/prism.css +++ b/src/styles/prose.postcss @@ -1,5 +1,5 @@ -@import './prism-vscode-light.css'; -@import './prism-vscode-dark.css'; +@import './prism-light.postcss'; +@import './prism-dark.postcss'; .prose { pre[class*='language-'], @@ -35,4 +35,12 @@ padding: 0.1em 0.3em; border-radius: 0.3em; } + + pre { + text-align: left; + } + + a code { + color: inherit; + } } diff --git a/tailwind.config.js b/tailwind.config.js index 4fb371a..6aa99a1 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -30,11 +30,6 @@ module.exports = { colors: { teal: colors.teal, }, - opacity: { - 10: '0.1', - 50: '0.5', - 85: '0.85', - }, typography: { DEFAULT: { css: { @@ -47,27 +42,14 @@ module.exports = { color: colors.teal[600], }, }, - b: { - color: 'inherit', - }, - strong: { - color: 'inherit', - }, - em: { - color: 'inherit', - }, - h1: { - color: 'inherit', - }, - h2: { - color: 'inherit', - }, - h3: { - color: 'inherit', - }, - h4: { - color: 'inherit', - }, + b: { color: 'inherit' }, + strong: { color: 'inherit' }, + em: { color: 'inherit' }, + h1: { color: 'inherit' }, + h2: { color: 'inherit' }, + h3: { color: 'inherit' }, + h4: { color: 'inherit' }, + code: { color: 'inherit' }, }, }, },