Refactor code.css (used in EPUB)

Author: DavidOliver

assets/css/content/code.css

@@ -1,19 +1,24 @@
+/* Additionally used in EPUB styles.
+ * Use basic selectors for rules that should apply in ebook readers */
+
 /* The Consolas font on Windows is too small compared to other ones */
 @font-face {
   font-family: "Consolas";
   src: local("Consolas");
   size-adjust: 110%;
 }
 
-.content-inner.content-inner :is(a:has(code, img), pre a) {
-  color: var(--link-color);
-  text-shadow: none;
-  text-decoration: none;
-  background-image: none;
-}
+.content-inner.content-inner {
+	& :is(a:has(code, img), pre a) {
+		color: var(--link-color);
+		text-shadow: none;
+		text-decoration: none;
+		background-image: none;
 
-.content-inner.content-inner :is(a:has(code, img), pre a):is(:visited, :active, :focus, :hover) {
-  color: var(--link-visited-color);
+		:is(:visited, :active, :focus, :hover) {
+			color: var(--link-visited-color);
+		}
+	}
 }
 
 .content-inner strong > code {
@@ -39,7 +44,12 @@
   word-wrap: break-word;
 }
 
-.content-inner :is(h1, h2, h3, h4, h5, h6) code {
+.content-inner h1 code,
+.content-inner h2 code,
+.content-inner h3 code,
+.content-inner h4 code,
+.content-inner h5 code,
+.content-inner h6 code {
   font-size: 0.875em;
 }
 
@@ -83,8 +93,8 @@
 }
 
 @media screen and (max-width: 768px) {
-  .content-inner > pre:has(code),
-  .content-inner section > pre:has(code) {
+  .content-inner > pre,
+  .content-inner section > pre {
     margin-left: calc(-1 * var(--content-gutter));
     margin-right: calc(-1 * var(--content-gutter));
   }