_sass/addon/syntax.scss in jekyll-theme-chirpy-5.3.0 vs _sass/addon/syntax.scss in jekyll-theme-chirpy-5.3.1

@@ -6,26 +6,26 @@
 @import "colors/dark-syntax";
 
 html {
   @media (prefers-color-scheme: light) {
     &:not([data-mode]),
-    &[data-mode=light] {
+    &[data-mode="light"] {
       @include light-syntax;
     }
 
-    &[data-mode=dark] {
+    &[data-mode="dark"] {
       @include dark-syntax;
     }
   }
 
   @media (prefers-color-scheme: dark) {
     &:not([data-mode]),
-    &[data-mode=dark] {
+    &[data-mode="dark"] {
       @include dark-syntax;
     }
 
-    &[data-mode=light] {
+    &[data-mode="light"] {
       @include light-syntax;
     }
   }
 }
 
@@ -85,28 +85,25 @@
     padding-right: 0.5rem;
     min-width: 2.2rem;
     text-align: right;
     color: var(--highlight-lineno-color);
     -webkit-user-select: none;
-    -khtml-user-select: none;
     -moz-user-select: none;
-    -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
   }
 
   /* set the dollar sign to non-selectable */
   .gp {
+    -webkit-user-select: none;
+    -moz-user-select: none;
     user-select: none;
   }
-
 } /* .highlight */
 
 code {
   -webkit-hyphens: none;
-  -ms-hyphens: none;
-  -moz-hyphens: none;
   hyphens: none;
 
   &.highlighter-rouge {
     font-size: $code-font-size;
     padding: 3px 5px;
@@ -150,20 +147,19 @@
   a {
     color: inherit !important;
     border-bottom: none !important;
     pointer-events: none;
   }
-
 }
 
 /* Hide line numbers for default, console, and terminal code snippets */
 div {
-  &[class^='highlighter-rouge'],
+  &[class^="highlighter-rouge"],
+  &.nolineno,
   &.language-plaintext.highlighter-rouge,
   &.language-console.highlighter-rouge,
-  &.language-terminal.highlighter-rouge,
-  &.nolineno {
+  &.language-terminal.highlighter-rouge {
     pre.lineno {
       display: none;
     }
 
     td.rouge-code {
@@ -250,28 +246,26 @@
       i {
         color: var(--clipboard-checked-color);
       }
     }
 
+    &:focus {
+      outline: none;
+    }
+
     &:not([timeout]):hover {
       background-color: rgba(128, 128, 128, 0.37);
 
       i {
         color: white;
       }
     }
-
-    &:focus {
-      outline: none;
-    }
-
   }
-
 }
 
 @media all and (max-width: 576px) {
   .post-content {
-    > div[class^='language-'] {
+    > div[class^="language-"] {
       @include ml-mr(-1.25rem);
 
       border-radius: 0;
 
       .highlight {