_sass/addon/syntax.scss in jekyll-theme-chirpy-4.0.2 vs _sass/addon/syntax.scss in jekyll-theme-chirpy-4.1.0
- old
+ new
@@ -37,12 +37,10 @@
%code-snippet-padding {
padding: 1.5rem;
}
-$code-font-size: 0.85rem;
-
div > pre {
@extend %code-snippet-bg;
@extend %code-snippet-radius;
@extend %code-snippet-padding;
}
@@ -63,41 +61,51 @@
@at-root figure#{&} {
@extend %code-snippet-bg;
}
overflow: auto;
- .lineno {
- margin-left: 0.2rem;
- padding-right: 0.5rem;
- min-width: 2.2rem;
- text-align: right;
- color: var(--highlight-lineno-color);
- border-right: 1px solid var(--highlight-lineno-border-color);
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
+
pre {
margin-bottom: 0;
font-size: $code-font-size;
line-height: 1.4rem;
word-wrap: normal; /* Fixed Safari overflow-x */
}
+
table {
padding: 0;
border: 0;
td pre {
overflow: visible; /* Fixed iOS safari overflow-x */
word-break: normal; /* Fixed iOS safari linenos code break */
}
}
+
td {
padding: 0;
border: 0;
}
+
+ .lineno {
+ margin-left: 0.2rem;
+ padding-right: 0.5rem;
+ min-width: 2.2rem;
+ text-align: right;
+ color: var(--highlight-lineno-color);
+ border-right: 1px solid var(--highlight-lineno-border-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 {
+ user-select: none;
+ }
+
} //.highlight
code {
-webkit-hyphens: none;
-ms-hyphens: none;