_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;