Merge pull request nunocoracao#383 from nunocoracao/372-lipstick-excl…

…ude-code-tag-from-tailwind-config 💄 remove wrapping from code and blockquotes and added background colo…
ichoake · Jan 5, 2023 · 3cc1569 · 3cc1569
2 parents 42953a8 + 8a91f00
commit 3cc1569
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 8 deletions.
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
@@ -885,14 +885,21 @@ select {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
+  background-color: rgba(var(--color-neutral-200), 1);
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 3px;
+  padding-right: 3px;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
   content: "`";
+  display: none;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::after {
   content: "`";
+  display: none;
 }
 
 .prose :where(a code):not(:where([class~="not-prose"] *)) {
@@ -1160,6 +1167,14 @@ select {
   border-radius: 0.12rem;
 }
 
+.prose :where(p):not(:where([class~="not-prose"] *))::before {
+  display: none;
+}
+
+.prose :where(p):not(:where([class~="not-prose"] *))::after {
+  display: none;
+}
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1474,14 +1489,6 @@ select {
   height: 100%;
 }
 
-.h-\[120px\] {
-  height: 120px;
-}
-
-.h-\[100px\] {
-  height: 100px;
-}
-
 .h-\[150px\] {
   height: 150px;
 }
@@ -3339,6 +3346,10 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
+.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
+  background-color: rgba(var(--color-neutral-600), 1);
+}
+
 .dark .dark\:text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -117,6 +117,25 @@ module.exports = {
               padding: "0.1rem 0.2rem",
               borderRadius: "0.12rem",
             },
+            code:{
+              backgroundColor: theme("colors.neutral.200 / 1"),
+              paddingTop: "2px",
+              paddingBottom: "2px",
+              paddingLeft: "3px",
+              paddingRight: "3px",
+            },
+            'code::before': {
+              display: 'none'
+            },
+            'code::after': {
+              display: 'none'
+            },
+            'p::before': {
+              display: 'none'
+            },
+            'p::after': {
+              display: 'none'
+            },
           },
         },
         invert: {
@@ -131,6 +150,9 @@ module.exports = {
             mark: {
               backgroundColor: theme("colors.secondary.400 / 1"),
             },
+            code:{
+              backgroundColor: theme("colors.neutral.600 / 1"),
+            },
           },
         },
       }),