@omnia/runtime 8.0.20-vnext → 8.0.22-vnext

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -120,6 +120,230 @@
120
120
  }
121
121
 
122
122
 
123
+ .v-skeleton-loader {
124
+ align-items: center;
125
+ background: rgb(var(--v-theme-surface));
126
+ border-radius: 4px;
127
+ display: flex;
128
+ flex-wrap: wrap;
129
+ position: relative;
130
+ vertical-align: top;
131
+ }
132
+ .v-skeleton-loader__actions {
133
+ justify-content: end;
134
+ }
135
+ .v-skeleton-loader .v-skeleton-loader__avatar,
136
+ .v-skeleton-loader .v-skeleton-loader__button,
137
+ .v-skeleton-loader .v-skeleton-loader__chip,
138
+ .v-skeleton-loader .v-skeleton-loader__divider,
139
+ .v-skeleton-loader .v-skeleton-loader__heading,
140
+ .v-skeleton-loader .v-skeleton-loader__image,
141
+ .v-skeleton-loader .v-skeleton-loader__text {
142
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
143
+ }
144
+ .v-skeleton-loader .v-skeleton-loader__list-item,
145
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
146
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
147
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
148
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
149
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
150
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
151
+ border-radius: 4px;
152
+ }
153
+ .v-skeleton-loader__bone {
154
+ align-items: center;
155
+ border-radius: inherit;
156
+ display: flex;
157
+ flex: 1 1 100%;
158
+ flex-wrap: wrap;
159
+ overflow: hidden;
160
+ position: relative;
161
+ }
162
+ .v-skeleton-loader__bone::after {
163
+ content: "";
164
+ position: absolute;
165
+ top: 0;
166
+ left: 0;
167
+ width: 100%;
168
+ height: 100%;
169
+ animation: loading 1.5s infinite;
170
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
171
+ transform: translateX(-100%);
172
+ z-index: 1;
173
+ }
174
+ .v-skeleton-loader__avatar {
175
+ border-radius: 50%;
176
+ flex: 0 1 auto;
177
+ margin: 8px 16px;
178
+ max-height: 48px;
179
+ min-height: 48px;
180
+ height: 48px;
181
+ max-width: 48px;
182
+ min-width: 48px;
183
+ width: 48px;
184
+ }
185
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
186
+ flex: 1 1 auto;
187
+ margin-inline-start: 0;
188
+ }
189
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
190
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
191
+ margin-inline-start: 0;
192
+ }
193
+ .v-skeleton-loader__button {
194
+ border-radius: 4px;
195
+ height: 36px;
196
+ margin: 16px;
197
+ max-width: 64px;
198
+ }
199
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
200
+ flex: 1 1 auto;
201
+ margin-inline-start: 0;
202
+ }
203
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
204
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
205
+ margin-inline-start: 0;
206
+ }
207
+ .v-skeleton-loader__chip {
208
+ border-radius: 16px;
209
+ margin: 16px;
210
+ height: 32px;
211
+ max-width: 96px;
212
+ }
213
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
214
+ flex: 1 1 auto;
215
+ margin-inline-start: 0;
216
+ }
217
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
218
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
219
+ margin-inline-start: 0;
220
+ }
221
+ .v-skeleton-loader__date-picker {
222
+ border-radius: inherit;
223
+ }
224
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
225
+ max-width: 88px;
226
+ width: 20%;
227
+ }
228
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
229
+ max-width: 256px;
230
+ width: 40%;
231
+ }
232
+ .v-skeleton-loader__date-picker-days {
233
+ flex-wrap: wrap;
234
+ margin: 16px;
235
+ }
236
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
237
+ border-radius: 4px;
238
+ margin: 4px;
239
+ max-width: 100%;
240
+ }
241
+ .v-skeleton-loader__date-picker-options {
242
+ flex-wrap: nowrap;
243
+ }
244
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
245
+ flex: 1 1 auto;
246
+ }
247
+ .v-skeleton-loader__divider {
248
+ border-radius: 1px;
249
+ height: 2px;
250
+ }
251
+ .v-skeleton-loader__heading {
252
+ border-radius: 12px;
253
+ margin: 16px;
254
+ height: 24px;
255
+ }
256
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
257
+ margin-top: -16px;
258
+ }
259
+ .v-skeleton-loader__image {
260
+ height: 150px;
261
+ border-radius: 0;
262
+ }
263
+ .v-skeleton-loader__card .v-skeleton-loader__image {
264
+ border-radius: 0;
265
+ }
266
+ .v-skeleton-loader__list-item {
267
+ margin: 16px;
268
+ }
269
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
270
+ margin: 0;
271
+ }
272
+ .v-skeleton-loader__table-thead {
273
+ justify-content: space-between;
274
+ }
275
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
276
+ margin-top: 16px;
277
+ max-width: 16px;
278
+ }
279
+ .v-skeleton-loader__table-tfoot {
280
+ flex-wrap: nowrap;
281
+ }
282
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
283
+ margin-top: 16px;
284
+ }
285
+ .v-skeleton-loader__table-row {
286
+ align-items: baseline;
287
+ margin: 0 8px;
288
+ justify-content: space-evenly;
289
+ flex-wrap: nowrap;
290
+ }
291
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
292
+ margin-inline-start: 8px;
293
+ margin-inline-end: 8px;
294
+ }
295
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
296
+ margin: 0 16px;
297
+ }
298
+ .v-skeleton-loader__table-cell {
299
+ align-items: center;
300
+ display: flex;
301
+ height: 48px;
302
+ width: 88px;
303
+ }
304
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
305
+ margin-bottom: 0;
306
+ }
307
+ .v-skeleton-loader__subtitle {
308
+ max-width: 70%;
309
+ }
310
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
311
+ height: 16px;
312
+ border-radius: 8px;
313
+ }
314
+ .v-skeleton-loader__text {
315
+ border-radius: 6px;
316
+ margin: 16px;
317
+ height: 12px;
318
+ }
319
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
320
+ margin-top: -8px;
321
+ max-width: 50%;
322
+ }
323
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
324
+ max-width: 70%;
325
+ }
326
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
327
+ display: none;
328
+ }
329
+ .v-skeleton-loader--is-loading {
330
+ overflow: hidden;
331
+ }
332
+ .v-skeleton-loader--tile {
333
+ border-radius: 0;
334
+ }
335
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
336
+ border-radius: 0;
337
+ }
338
+
339
+ @keyframes loading {
340
+ 100% {
341
+ transform: translateX(100%);
342
+ }
343
+ }
344
+ .v-locale-provider {
345
+ display: contents;
346
+ }
123
347
  .v-application {
124
348
  display: flex;
125
349
  background: rgb(var(--v-theme-background));
@@ -133,6 +357,7 @@
133
357
  flex: 1 1 auto;
134
358
  max-width: 100%;
135
359
  min-height: 100vh;
360
+ min-height: 100dvh;
136
361
  position: relative;
137
362
  }
138
363
  .v-main {
@@ -1598,13 +1823,8 @@
1598
1823
  pointer-events: none;
1599
1824
  }
1600
1825
 
1601
- .v-app-bar .v-btn {
1602
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1603
- }
1604
-
1605
1826
  .v-card-actions .v-btn {
1606
1827
  padding: 0 8px;
1607
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1608
1828
  }
1609
1829
  .v-card-actions .v-btn ~ .v-btn {
1610
1830
  margin-inline-start: 0.5rem;
@@ -1627,43 +1847,6 @@
1627
1847
  .v-snackbar-actions .v-btn {
1628
1848
  padding: 0 8px;
1629
1849
  }
1630
- .v-ripple__container {
1631
- color: inherit;
1632
- border-radius: inherit;
1633
- position: absolute;
1634
- width: 100%;
1635
- height: 100%;
1636
- left: 0;
1637
- top: 0;
1638
- overflow: hidden;
1639
- z-index: 0;
1640
- pointer-events: none;
1641
- contain: strict;
1642
- }
1643
- .v-ripple__animation {
1644
- color: inherit;
1645
- position: absolute;
1646
- top: 0;
1647
- left: 0;
1648
- border-radius: 50%;
1649
- background: currentColor;
1650
- opacity: 0;
1651
- pointer-events: none;
1652
- overflow: hidden;
1653
- will-change: transform, opacity;
1654
- }
1655
- .v-ripple__animation--enter {
1656
- transition: none;
1657
- opacity: 0;
1658
- }
1659
- .v-ripple__animation--in {
1660
- transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
1661
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
1662
- }
1663
- .v-ripple__animation--out {
1664
- transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
1665
- opacity: 0;
1666
- }
1667
1850
  .v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
1668
1851
  opacity: var(--v-activated-opacity);
1669
1852
  }
@@ -1732,6 +1915,9 @@
1732
1915
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1733
1916
  width: 100%;
1734
1917
  }
1918
+ .v-progress-linear--rounded {
1919
+ border-radius: 9999px;
1920
+ }
1735
1921
 
1736
1922
  .v-progress-linear__background {
1737
1923
  background: currentColor;
@@ -1836,7 +2022,7 @@
1836
2022
  }
1837
2023
 
1838
2024
  .v-progress-linear--rounded {
1839
- border-radius: 4px;
2025
+ border-radius: 9999px;
1840
2026
  }
1841
2027
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
1842
2028
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
@@ -1845,7 +2031,7 @@
1845
2031
 
1846
2032
  .v-progress-linear--striped .v-progress-linear__determinate {
1847
2033
  animation: progress-linear-stripes 1s infinite linear;
1848
- background-image: linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0deg, 0%, 100%, 0.25) 0, hsla(0deg, 0%, 100%, 0.25) 75%, transparent 0, transparent);
2034
+ background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
1849
2035
  background-repeat: repeat;
1850
2036
  background-size: var(--v-progress-linear-height);
1851
2037
  }
@@ -1860,7 +2046,7 @@
1860
2046
  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
1861
2047
  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
1862
2048
  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
1863
- border-radius: 4px;
2049
+ border-radius: 9999px;
1864
2050
  }
1865
2051
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
1866
2052
  border-top-left-radius: 0;
@@ -1937,6 +2123,43 @@
1937
2123
  background-position-x: var(--v-progress-linear-height);
1938
2124
  }
1939
2125
  }
2126
+ .v-ripple__container {
2127
+ color: inherit;
2128
+ border-radius: inherit;
2129
+ position: absolute;
2130
+ width: 100%;
2131
+ height: 100%;
2132
+ left: 0;
2133
+ top: 0;
2134
+ overflow: hidden;
2135
+ z-index: 0;
2136
+ pointer-events: none;
2137
+ contain: strict;
2138
+ }
2139
+ .v-ripple__animation {
2140
+ color: inherit;
2141
+ position: absolute;
2142
+ top: 0;
2143
+ left: 0;
2144
+ border-radius: 50%;
2145
+ background: currentColor;
2146
+ opacity: 0;
2147
+ pointer-events: none;
2148
+ overflow: hidden;
2149
+ will-change: transform, opacity;
2150
+ }
2151
+ .v-ripple__animation--enter {
2152
+ transition: none;
2153
+ opacity: 0;
2154
+ }
2155
+ .v-ripple__animation--in {
2156
+ transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
2157
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
2158
+ }
2159
+ .v-ripple__animation--out {
2160
+ transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
2161
+ opacity: 0;
2162
+ }
1940
2163
  .v-progress-circular {
1941
2164
  align-items: center;
1942
2165
  display: inline-flex;
@@ -2001,10 +2224,12 @@
2001
2224
  transition: all 0.2s ease-in-out;
2002
2225
  }
2003
2226
  .v-progress-circular--indeterminate .v-progress-circular__overlay {
2004
- animation: progress-circular-dash 1.4s ease-in-out infinite;
2227
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
2005
2228
  stroke-dasharray: 25, 200;
2006
2229
  stroke-dashoffset: 0;
2007
2230
  stroke-linecap: round;
2231
+ transform-origin: center center;
2232
+ transform: rotate(-90deg);
2008
2233
  }
2009
2234
 
2010
2235
  .v-progress-circular--disable-shrink > svg {
@@ -2243,7 +2468,7 @@ html.v-overlay-scroll-blocked {
2243
2468
  border-radius: inherit;
2244
2469
  bottom: 0;
2245
2470
  left: 0;
2246
- opacity: 32%;
2471
+ opacity: 0.32;
2247
2472
  position: fixed;
2248
2473
  right: 0;
2249
2474
  top: 0;
@@ -2398,7 +2623,7 @@ html.v-overlay-scroll-blocked {
2398
2623
  .v-table .v-table__wrapper > table > tfoot > tr > th {
2399
2624
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2400
2625
  }
2401
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
2626
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover td {
2402
2627
  background: rgba(var(--v-border-color), var(--v-hover-opacity));
2403
2628
  }
2404
2629
  .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
@@ -9690,6 +9915,10 @@ html.overflow-y-hidden {
9690
9915
  height: 100% !important;
9691
9916
  }
9692
9917
 
9918
+ .h-screen {
9919
+ height: 100dvh !important;
9920
+ }
9921
+
9693
9922
  .w-auto {
9694
9923
  width: auto !important;
9695
9924
  }
@@ -16,6 +16,10 @@
16
16
  background-color: rgb(var(--v-theme-error));
17
17
  }
18
18
 
19
+ .v-selection-control--dirty .v-switch__thumb {
20
+ color: currentColor;
21
+ }
22
+
19
23
  .v-switch__track {
20
24
  border-radius: 8px;
21
25
  height: 14px;
@@ -0,0 +1,219 @@
1
+ /* PrismJS 1.29.0
2
+ https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+aspnet+csharp+json+jsx+tsx+typescript&plugins=line-highlight+line-numbers+highlight-keywords */
3
+ code[class*=language-],
4
+ pre[class*=language-] {
5
+ color: #ccc;
6
+ background: 0 0;
7
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
8
+ font-size: 1em;
9
+ text-align: left;
10
+ white-space: pre;
11
+ word-spacing: normal;
12
+ word-break: normal;
13
+ word-wrap: normal;
14
+ line-height: 1.5;
15
+ -moz-tab-size: 4;
16
+ -o-tab-size: 4;
17
+ tab-size: 4;
18
+ -webkit-hyphens: none;
19
+ -moz-hyphens: none;
20
+ -ms-hyphens: none;
21
+ hyphens: none
22
+ }
23
+
24
+ pre[class*=language-] {
25
+ padding: 1em;
26
+ margin: .5em 0;
27
+ overflow: auto
28
+ }
29
+
30
+ :not(pre)>code[class*=language-],
31
+ pre[class*=language-] {
32
+ background: #2d2d2d
33
+ }
34
+
35
+ :not(pre)>code[class*=language-] {
36
+ padding: .1em;
37
+ border-radius: .3em;
38
+ white-space: normal
39
+ }
40
+
41
+ .token.block-comment,
42
+ .token.cdata,
43
+ .token.comment,
44
+ .token.doctype,
45
+ .token.prolog {
46
+ color: #999
47
+ }
48
+
49
+ .token.punctuation {
50
+ color: #ccc
51
+ }
52
+
53
+ .token.attr-name,
54
+ .token.deleted,
55
+ .token.namespace,
56
+ .token.tag {
57
+ color: #e2777a
58
+ }
59
+
60
+ .token.function-name {
61
+ color: #6196cc
62
+ }
63
+
64
+ .token.boolean,
65
+ .token.function,
66
+ .token.number {
67
+ color: #f08d49
68
+ }
69
+
70
+ .token.class-name,
71
+ .token.constant,
72
+ .token.property,
73
+ .token.symbol {
74
+ color: #f8c555
75
+ }
76
+
77
+ .token.atrule,
78
+ .token.builtin,
79
+ .token.important,
80
+ .token.keyword,
81
+ .token.selector {
82
+ color: #cc99cd
83
+ }
84
+
85
+ .token.attr-value,
86
+ .token.char,
87
+ .token.regex,
88
+ .token.string,
89
+ .token.variable {
90
+ color: #7ec699
91
+ }
92
+
93
+ .token.entity,
94
+ .token.operator,
95
+ .token.url {
96
+ color: #67cdcc
97
+ }
98
+
99
+ .token.bold,
100
+ .token.important {
101
+ font-weight: 700
102
+ }
103
+
104
+ .token.italic {
105
+ font-style: italic
106
+ }
107
+
108
+ .token.entity {
109
+ cursor: help
110
+ }
111
+
112
+ .token.inserted {
113
+ color: green
114
+ }
115
+
116
+ pre[data-line] {
117
+ position: relative;
118
+ padding: 1em 0 1em 3em
119
+ }
120
+
121
+ .line-highlight {
122
+ position: absolute;
123
+ left: 0;
124
+ right: 0;
125
+ padding: inherit 0;
126
+ margin-top: 1em;
127
+ background: hsla(24, 20%, 50%, .08);
128
+ background: linear-gradient(to right, hsla(24, 20%, 50%, .1) 70%, hsla(24, 20%, 50%, 0));
129
+ pointer-events: none;
130
+ line-height: inherit;
131
+ white-space: pre
132
+ }
133
+
134
+ @media print {
135
+ .line-highlight {
136
+ -webkit-print-color-adjust: exact;
137
+ color-adjust: exact
138
+ }
139
+ }
140
+
141
+ .line-highlight:before,
142
+ .line-highlight[data-end]:after {
143
+ content: attr(data-start);
144
+ position: absolute;
145
+ top: .4em;
146
+ left: .6em;
147
+ min-width: 1em;
148
+ padding: 0 .5em;
149
+ background-color: hsla(24, 20%, 50%, .4);
150
+ color: #f4f1ef;
151
+ font: bold 65%/1.5 sans-serif;
152
+ text-align: center;
153
+ vertical-align: .3em;
154
+ border-radius: 999px;
155
+ text-shadow: none;
156
+ box-shadow: 0 1px #fff
157
+ }
158
+
159
+ .line-highlight[data-end]:after {
160
+ content: attr(data-end);
161
+ top: auto;
162
+ bottom: .4em
163
+ }
164
+
165
+ .line-numbers .line-highlight:after,
166
+ .line-numbers .line-highlight:before {
167
+ content: none
168
+ }
169
+
170
+ pre[id].linkable-line-numbers span.line-numbers-rows {
171
+ pointer-events: all
172
+ }
173
+
174
+ pre[id].linkable-line-numbers span.line-numbers-rows>span:before {
175
+ cursor: pointer
176
+ }
177
+
178
+ pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before {
179
+ background-color: rgba(128, 128, 128, .2)
180
+ }
181
+
182
+ pre[class*=language-].line-numbers {
183
+ position: relative;
184
+ padding-left: 3.8em;
185
+ counter-reset: linenumber
186
+ }
187
+
188
+ pre[class*=language-].line-numbers>code {
189
+ position: relative;
190
+ white-space: inherit
191
+ }
192
+
193
+ .line-numbers .line-numbers-rows {
194
+ position: absolute;
195
+ pointer-events: none;
196
+ top: 0;
197
+ font-size: 100%;
198
+ left: -3.8em;
199
+ width: 3em;
200
+ letter-spacing: -1px;
201
+ border-right: 1px solid #999;
202
+ -webkit-user-select: none;
203
+ -moz-user-select: none;
204
+ -ms-user-select: none;
205
+ user-select: none
206
+ }
207
+
208
+ .line-numbers-rows>span {
209
+ display: block;
210
+ counter-increment: linenumber
211
+ }
212
+
213
+ .line-numbers-rows>span:before {
214
+ content: counter(linenumber);
215
+ color: #999;
216
+ display: block;
217
+ padding-right: .8em;
218
+ text-align: right
219
+ }