more extra styles

extras/typography/compact.css

@@ -82,5 +82,20 @@ figcaption {
 /* ===== Pre-formatted Blocks ===== */
 
 pre {
+	padding: 0.5rem;
 	margin-block: 1.5rem;
 }
+
+
+
+
+
+/* ===== Note Blocks ===== */
+
+:is(aside, section):is([role='note'], .info, .highlight, .warning, .problem) > :first-child {
+	margin-block-start: 0.25rem;
+}
+
+:is(aside, section):is([role='note'], .info, .highlight, .warning, .problem) > :last-child {
+	margin-block-end: 0.25rem;
+}

extras/typography/general.css

@@ -269,10 +269,8 @@ pre {
 	font-family: var(--font-monospace);
 	margin-inline-start: 1rem;
 	margin-inline-end: 5rem;
-	padding-block: 0.5rem;
-	padding-inline: 1rem;
 	border: 0.1rem solid var(--theme-line);
-	border-radius: 1rem;
+	border-radius: 0.5rem;
 	font-size: 1rem;
 	overflow: auto;
 	background: var(--theme-bg-light);
@@ -290,7 +288,7 @@ pre {
 /* ===== Code / Sample Output ===== */
 
 code, samp {
-	font-size: 1rem;
+	font-size: inherit;
 	color: var(--theme-code-normal);
 	font-family: var(--font-monospace);
 }

extras/typography/spacious.css

@@ -45,6 +45,20 @@ p {
 
 
 
+/* ===== Note Blocks ===== */
+
+:is(aside, section):is([role='note'], .info, .highlight, .warning, .problem) > :first-child {
+	margin-block-start: 0.5rem;
+}
+
+:is(aside, section):is([role='note'], .info, .highlight, .warning, .problem) > :last-child {
+	margin-block-end: 0.5rem;
+}
+
+
+
+
+
 
 /* ===== Lists ===== */
 
@@ -82,4 +96,6 @@ figcaption {
 
 pre {
 	margin-block: 2rem;
+	padding-block: 0.5rem;
+	padding-inline: 1rem;
 }