My Blog, build with Norgolith blog.ladas552.me
blog
at main 74 lines 1.5 kB view raw
1/* inline code blocks */ 2code { 3 font-family: "JetBrains Mono", monospace; 4 background-color: #011627; 5 border-radius: 6px; 6 padding: 0px 4px; 7} 8 9/* PrismJS specific css code blocks*/ 10code[class*="language-"] { 11 text-shadow: unset !important; 12 font-family: "JetBrains Mono", monospace !important; 13 background-color: #011627; 14 border-radius: 6px; 15 padding: 0px 0px; 16 pointer-events: none; 17 width: 3em; /* works for line-numbers below 1000 lines */ 18 /* white-space: pre-wrap; */ 19 /* word-wrap: break-word; */ 20} 21 22pre[class*="language-"] { 23 border: 1px solid #f2cdcd; 24} 25 26/* PrismJS line-numbers plugin 27pre[class*="language-"].line-numbers { 28position: relative; 29padding-left: 3.4em; 30counter-reset: linenumber; 31} 32 33pre[class*="language-"].line-numbers > code { 34position: relative; 35white-space: inherit; 36} 37pre[class*="language-"].line-numbers { 38position: relative; 39padding-left: 3.8em; 40counter-reset: linenumber; 41} 42 43pre[class*="language-"].line-numbers > code { 44position: relative; 45white-space: inherit; 46} 47.line-numbers .line-numbers-rows { 48position: absolute; 49pointer-events: none; 50top: 0; 51font-size: 100%; 52left: -3.8em; 53width: 3em; # works for line-numbers below 1000 lines 54letter-spacing: -1px; 55border-right: 1px solid #999; 56 57-webkit-user-select: none; 58-moz-user-select: none; 59-ms-user-select: none; 60user-select: none; 61} 62 63.line-numbers-rows > span { 64display: block; 65counter-increment: linenumber; 66} 67 68.line-numbers-rows > span:before { 69content: counter(linenumber); 70color: #999; 71display: block; 72padding-right: 0.8em; 73text-align: right; 74} */