Fix broken code blocks with complex settings (again)

Additionally, utilize `unset` instead of transparent in more places

content/demo/index.md

@@ -72,19 +72,14 @@ let highlight = true;
 
 ```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7
 pre mark {
-
+  // If you want your highlights to take the full width
   display: block;
-
   color: currentcolor;
-
 }
-
 pre table td:nth-of-type(1) {
-
+  // Select a colour matching your theme
   color: #6b6b6b;
-
   font-style: italic;
-
 }
 ```
 

sass/_buttons.scss

@@ -34,7 +34,7 @@
 
 	&.colored {
 		box-shadow: none;
-		background-color: transparent;
+		background-color: unset;
 		color: var(--primary-color);
 
 		&:hover {

sass/_code.scss

@@ -24,9 +24,28 @@ pre {
 	overflow: auto;
 	line-height: normal;
 
-	table td {
-		border: none;
-		padding: 0;
+	table {
+		box-shadow: none;
+		border-radius: 0;
+		background-color: unset;
+		table-layout: auto;
+		overflow: hidden;
+
+		tr {
+			&:nth-child(even) {
+				background-color: unset;
+			}
+
+			th,
+			td {
+				padding: 0;
+			}
+
+			th {
+				background-color: unset;
+				font-weight: normal;
+			}
+		}
 	}
 
 	// The line number cells
@@ -46,21 +65,6 @@ pre {
 		color: var(--fg-color); // Unset mark color from primary color to text color
 	}
 
-	table {
-		box-shadow: none;
-		border-radius: 0;
-		border-collapse: collapse;
-		width: 100%;
-		table-layout: auto;
-		overflow: auto;
-
-		tr {
-			&:nth-child(even) {
-				background-color: unset;
-			}
-		}
-	}
-
 	// The line numbers already provide some kind of left/right padding
 	&[data-linenos] {
 		padding: 1rem 0;

sass/_comments.scss

@@ -101,7 +101,7 @@
 
 					&.op {
 						box-shadow: none;
-						background-color: transparent;
+						background-color: unset;
 						color: var(--primary-color);
 
 						&:hover {
@@ -162,7 +162,7 @@
 				.faves {
 					transition: var(--transition);
 					border-radius: 999px;
-					background-color: transparent;
+					background-color: unset;
 					padding: 0.25rem 0.75rem;
 					font-variant-numeric: tabular-nums;
 					text-decoration: none;

sass/_nav.scss

@@ -156,7 +156,7 @@
 					cursor: pointer;
 					border: none;
 					border-radius: 999px;
-					background-color: transparent;
+					background-color: unset;
 					font-weight: bold;
 					font-size: 1rem;
 

sass/_pre-container.scss

@@ -26,7 +26,7 @@
 			cursor: pointer;
 			border: none;
 			border-radius: var(--rounded-corner-small);
-			background-color: transparent;
+			background-color: unset;
 			padding: 0.5rem;
 			line-height: 0;
 

sass/_table.scss

@@ -8,27 +8,19 @@ table {
 	table-layout: fixed;
 	overflow: hidden;
 
-	th {
-		font-weight: bold;
-	}
-
-	th,
-	td {
-		padding: 0.5rem 1rem;
-	}
-
 	tr {
 		&:nth-child(even) {
 			background-color: var(--fg-muted-1);
 		}
 
+		th,
+		td {
+			padding: 0.5rem 1rem;
+		}
+
 		th {
 			background-color: var(--fg-muted-2);
+			font-weight: bold;
 		}
 	}
 }
-
-td,
-th {
-	padding: 0;
-}

sass/_typography.scss

@@ -115,11 +115,11 @@ progress {
 	}
 
 	&:indeterminate::-moz-progress-bar {
-		background-color: transparent;
+		background-color: unset;
 	}
 
 	&::-webkit-progress-bar {
-		background-color: transparent;
+		background-color: unset;
 	}
 
 	&::-moz-progress-bar {