[samples] css update for inline code

kLabz · Oct 13, 2023 · 5367f47 · 5367f47
1 parent d34b25c
commit 5367f47
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/samples/docs/res/base.css b/samples/docs/res/base.css
@@ -279,19 +279,26 @@ th, td {
 
 /* Code */
 
+code {
+	white-space: nowrap;
+	font-size: 0.8em;
+	padding: .25em .5em;
+	color: var(--orange-light);
+	background-color: var(--pre-bg-color);
+}
+
 pre {
 	position: relative;
 	color: var(--pre-color);
 	background-color: var(--pre-bg-color);
 	padding: 1em;
+	font-size: 0.9rem;
 	max-width: 100%;
 	overflow: auto;
 }
 
 code, pre, kbd {
-	white-space: pre;
 	font-family: "DejaVu Sans Mono", monospace, monospace;
-	font-size: 0.90rem;
 	line-height: 154%;
 	tab-size: 4;
 	-moz-tab-size: 4;
@@ -314,6 +321,14 @@ pre > code::before {
 	padding: 0 0.25em;
 }
 
+pre > code {
+	white-space: pre;
+	font-size: inherit;
+	color: inherit;
+	background: none;
+	padding: 0;
+}
+
 pre.chroma {
 	/* position: relative; */
 	margin-bottom: 0;
@@ -332,13 +347,6 @@ pre.chroma {
 
 /* Note: see chroma.css for syntax highlighting */
 
-/* Inline Code */
-p code {
-	padding: .25em .5em;
-	color: var(--orange-light);
-	background-color: var(--pre-bg-color);
-}
-
 blockquote {
 	border-left: 4px solid var(--fg);
 	background: var(--dark);