1 | pre[class*="language-"].line-numbers {
|
2 | position: relative;
|
3 | padding-left: 3.8em;
|
4 | counter-reset: linenumber;
|
5 | }
|
6 |
|
7 | pre[class*="language-"].line-numbers > code {
|
8 | position: relative;
|
9 | white-space: inherit;
|
10 | }
|
11 |
|
12 | .line-numbers .line-numbers-rows {
|
13 | position: absolute;
|
14 | pointer-events: none;
|
15 | top: 0;
|
16 | font-size: 100%;
|
17 | left: -3.8em;
|
18 | width: 3em;
|
19 | letter-spacing: -1px;
|
20 | border-right: 1px solid #999;
|
21 |
|
22 | -webkit-user-select: none;
|
23 | -moz-user-select: none;
|
24 | -ms-user-select: none;
|
25 | user-select: none;
|
26 |
|
27 | }
|
28 |
|
29 | .line-numbers-rows > span {
|
30 | display: block;
|
31 | counter-increment: linenumber;
|
32 | }
|
33 |
|
34 | .line-numbers-rows > span:before {
|
35 | content: counter(linenumber);
|
36 | color: #999;
|
37 | display: block;
|
38 | padding-right: 0.8em;
|
39 | text-align: right;
|
40 | }
|