adjust style

scroll-tech · Jul 10, 2024 · faf0bb0 · faf0bb0
1 parent f3ea4bc
commit faf0bb0
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/src/styles/prism-darcula.css b/src/styles/prism-darcula.css
@@ -8,8 +8,8 @@
  * @version 1.0
  */
 
-code[class*="language-"],
-pre[class*="language-"] {
+code[data-language],
+pre[data-language] {
   color: #a9b7c6;
   font-family: var(--font-family-code);
   direction: ltr;
@@ -30,39 +30,39 @@ pre[class*="language-"] {
 }
 
 code,
-code[class*="language-"] *,
-pre[class*="language-"] * {
+code[data-language] *,
+pre[data-language] * {
   font-family: var(--font-family-code) !important;
   font-size: 16px;
 }
 
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
+pre[data-language]::-moz-selection,
+pre[data-language] ::-moz-selection,
+code[data-language]::-moz-selection,
+code[data-language] ::-moz-selection {
   color: inherit;
   background: rgba(33, 66, 131, 0.85);
 }
 
 /* Code blocks */
-pre[class*="language-"] {
+pre[data-language] {
   padding: 1em;
   margin: 0.5em 0;
   overflow: auto;
   margin-top: 1.4em;
   margin-bottom: 2.2em;
 }
 
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
+:not(pre) > code[data-language],
+pre[data-language] {
   background: #2b2b2b;
   border-radius: 27px;
   padding: 17px;
   padding-right: 70px;
 }
 
 /* Inline code */
-:not(pre) > code[class*="language-"] {
+:not(pre) > code[data-language] {
   padding: 0.1em;
   border-radius: 0.3em;
 }
@@ -174,6 +174,11 @@ code.language-css .token.selector > .token.pseudo-element {
   overflow: hidden;
 }
 
+.expressive-code pre,
+.expressive-code code {
+  font-size: 16px !important;
+}
+
 .expressive-code.has-focused-lines .ec-line:not(.highlight) .code {
   opacity: 0.7;
   transition: filter 0.35s, opacity 0.35s;