refactor(theme-default): put styles of code blocks together

meteorlxy · meteorlxy · commit fccd59ce5025 · 2021-01-15T18:16:26.000+08:00
diff --git a/packages/@vuepress/theme-default/src/styles/code.styl b/packages/@vuepress/theme-default/src/styles/code.styl
@@ -149,3 +149,13 @@ for lang in $codeLang {
     }
   }
 }
+
+// narrow mobile
+@media (max-width: $MQMobileNarrow) {
+  {$contentClass} {
+    div[class*='language-'] {
+      margin: 0.85rem -1.5rem;
+      border-radius: 0;
+    }
+  }
+}
diff --git a/packages/@vuepress/theme-default/src/styles/layout.styl b/packages/@vuepress/theme-default/src/styles/layout.styl
@@ -168,11 +168,4 @@ h1, h2, h3, h4, h5, h6 {
   h1 {
     font-size: 1.9rem;
   }
-
-  {$contentClass} {
-    div[class*='language-'] {
-      margin: 0.85rem -1.5rem;
-      border-radius: 0;
-    }
-  }
 }

Original file line number	Diff line number	Diff line change
`@@ -149,3 +149,13 @@ for lang in $codeLang {`
`149`	`149`	`}`
`150`	`150`	`}`
`151`	`151`	`}`
	`152`	`+`
	`153`	`+// narrow mobile`
	`154`	`+@media (max-width: $MQMobileNarrow) {`
	`155`	`+ {$contentClass} {`
	`156`	`+ div[class*='language-'] {`
	`157`	`+ margin: 0.85rem -1.5rem;`
	`158`	`+ border-radius: 0;`
	`159`	`+ }`
	`160`	`+ }`
	`161`	`+}`