💄 remove wrapping from code and blockquotes and added background color to code

This commit is contained in:
Nuno Coração
2023-01-05 18:41:10 +00:00
parent 9cab78a325
commit 310fbb6349
2 changed files with 41 additions and 8 deletions

View File

@@ -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));