ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix styling for scrollable code blocks

Browse Source
This commit is contained in:
Philipp Kühn
2020-08-12 10:28:37 +02:00
parent 2c223d8707
commit 34bb406ed4
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/src/layouts/App/prism.scss
View File

@@ -11,6 +11,7 @@ $codePurple: #c792ea;
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
position: relative;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
@@ -35,6 +36,8 @@ pre[class*="language-"] {
} }
pre > code[class*="language-"] { pre > code[class*="language-"] {
display: inline-block;
min-width: 100%;
background: none; background: none;
} }
@@ -205,7 +208,9 @@ pre[class*="language-"].language-scss > code {
.line-highlight { .line-highlight {
background: rgba($colorWhite, 0.1) !important; background: rgba($colorWhite, 0.1) !important;
padding: 0 0 0.3rem 0; left: -1.5rem !important;
right: -1.5rem !important;
margin: 0 !important;
&::before, &::before,
&::after { &::after {