berkus
/
kdl-org.github.io
mirror of https://github.com/kdl-org/kdl-org.github.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Override the tailwind typography inline code styles

This commit is contained in:
Scott 2021-01-10 13:23:13 -05:00
parent 9429008155
commit d8de628bc1
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/global.css
View File

@ -5,3 +5,9 @@
.kdl-section { .kdl-section {
@apply py-10 px-4 prose prose-xl mx-auto; @apply py-10 px-4 prose prose-xl mx-auto;
} }
code {
background-color: #efefef;
padding: 0.1em 0.5em;
border-radius: 4px;
}

6
tailwind.config.js
View File

@ -9,6 +9,12 @@ module.exports = {
typography: { typography: {
DEFAULT: { DEFAULT: {
css: { css: {
"code::before": {
content: "none",
},
"code::after": {
content: "none",
},
"pre code::after": { "pre code::after": {
content: "none", content: "none",
}, },