@mdn/fred 1.3.1 → 1.3.2
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.
- package/CHANGELOG.md +16 -0
- package/README.md +15 -0
- package/components/content-section/server.css +5 -0
- package/components/doc/server.js +1 -1
- package/components/scrim-inline/element.css +7 -0
- package/out/service-worker.js +1 -1
- package/out/static/client/2319.daf8150c3dd00fb4.js +60 -0
- package/out/static/client/2319.daf8150c3dd00fb4.js.map +1 -0
- package/out/static/client/9379.b25587d6a239abd3.js +2 -0
- package/out/static/client/9379.b25587d6a239abd3.js.map +1 -0
- package/out/static/client/{index.55048de2c0265ab9.js → index.b9d9ebb034538241.js} +10 -10
- package/out/static/client/{index.55048de2c0265ab9.js.map → index.b9d9ebb034538241.js.map} +1 -1
- package/out/static/client/{runtime.aa4d3521a7a5fab7.js → runtime.cc9114c9e108157f.js} +2 -2
- package/out/static/client/{runtime.aa4d3521a7a5fab7.js.map → runtime.cc9114c9e108157f.js.map} +1 -1
- package/out/static/client/stats.json +97 -97
- package/out/static/client/{styles-content-section.0dbf80e850fa3402.css → styles-content-section.e0bbadd0c4bc857d.css} +2 -2
- package/out/static/client/{styles-content-section.0dbf80e850fa3402.css.map → styles-content-section.e0bbadd0c4bc857d.css.map} +1 -1
- package/out/static/client/{styles-global.4640cc3400ce02f4.js → styles-global.57880af9e7d6375b.js} +1 -1
- package/out/static/client/{styles-global.4031cdde644ed6ce.css → styles-global.c9f2a49e47bf5c55.css} +2 -2
- package/out/static/client/{styles-global.4031cdde644ed6ce.css.map → styles-global.c9f2a49e47bf5c55.css.map} +1 -1
- package/out/static/legacy/{1539.09699829ad0a6c6a.js → 1539.ed9136a5f40f8f86.js} +3 -3
- package/out/static/legacy/{1539.09699829ad0a6c6a.js.map → 1539.ed9136a5f40f8f86.js.map} +1 -1
- package/out/static/legacy/asset-manifest.json +7 -7
- package/out/static/legacy/{index.87ff9acaa286d7e2.js → index.3504df1c7b6a1b29.js} +3 -3
- package/out/static/legacy/{index.87ff9acaa286d7e2.js.map → index.3504df1c7b6a1b29.js.map} +1 -1
- package/out/static/legacy/{index.a38906846551bf19.html → index.e4ab469094607d20.html} +1 -1
- package/out/static/legacy/stats.json +13 -13
- package/out/static/legacy/{yari.1754859c2c682e51.js → yari.7a85003b4add8414.js} +3 -3
- package/out/static/legacy/{yari.1754859c2c682e51.js.map → yari.7a85003b4add8414.js.map} +1 -1
- package/out/static/ssr/index.js +4 -4
- package/out/static/ssr/index.js.map +1 -1
- package/out/static/ssr/stats.json +4 -4
- package/package.json +6 -6
- package/out/static/client/2319.0beb43a38dd85a2c.js +0 -60
- package/out/static/client/2319.0beb43a38dd85a2c.js.map +0 -1
- package/out/static/client/9379.fdeb8d3dbec381d4.js +0 -2
- package/out/static/client/9379.fdeb8d3dbec381d4.js.map +0 -1
- /package/out/static/client/{2319.0beb43a38dd85a2c.js.LICENSE.txt → 2319.daf8150c3dd00fb4.js.LICENSE.txt} +0 -0
- /package/out/static/client/{index.55048de2c0265ab9.js.LICENSE.txt → index.b9d9ebb034538241.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{1539.09699829ad0a6c6a.js.LICENSE.txt → 1539.ed9136a5f40f8f86.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{index.87ff9acaa286d7e2.js.LICENSE.txt → index.3504df1c7b6a1b29.js.LICENSE.txt} +0 -0
- /package/out/static/legacy/{yari.1754859c2c682e51.js.LICENSE.txt → yari.7a85003b4add8414.js.LICENSE.txt} +0 -0
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
],
|
|
12
12
|
"assets": [
|
|
13
13
|
{
|
|
14
|
-
"name": "runtime.
|
|
14
|
+
"name": "runtime.cc9114c9e108157f.js",
|
|
15
15
|
"size": 19208
|
|
16
16
|
},
|
|
17
17
|
{
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"size": 55386
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
|
-
"name": "index.
|
|
26
|
+
"name": "index.b9d9ebb034538241.js",
|
|
27
27
|
"size": 32933
|
|
28
28
|
}
|
|
29
29
|
],
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"assetsSize": 155736,
|
|
32
32
|
"auxiliaryAssets": [
|
|
33
33
|
{
|
|
34
|
-
"name": "runtime.
|
|
34
|
+
"name": "runtime.cc9114c9e108157f.js.map",
|
|
35
35
|
"size": 44218
|
|
36
36
|
},
|
|
37
37
|
{
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
"size": 201236
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
|
-
"name": "
|
|
47
|
-
"size":
|
|
46
|
+
"name": "index.b9d9ebb034538241.js.map",
|
|
47
|
+
"size": 79273
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
|
-
"name": "
|
|
51
|
-
"size":
|
|
50
|
+
"name": "search.5dd31cbeea7d1af9.svg",
|
|
51
|
+
"size": 246
|
|
52
52
|
}
|
|
53
53
|
],
|
|
54
54
|
"auxiliaryAssetsSize": 578766,
|
|
@@ -67,12 +67,12 @@
|
|
|
67
67
|
"size": 548
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
|
-
"name": "styles-global.
|
|
71
|
-
"size":
|
|
70
|
+
"name": "styles-global.c9f2a49e47bf5c55.css",
|
|
71
|
+
"size": 25102
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
|
-
"name": "styles-global.
|
|
75
|
-
"size":
|
|
74
|
+
"name": "styles-global.57880af9e7d6375b.js",
|
|
75
|
+
"size": 832
|
|
76
76
|
}
|
|
77
77
|
],
|
|
78
78
|
"filteredAssets": 0,
|
|
@@ -98,10 +98,6 @@
|
|
|
98
98
|
"name": "trash-2.73b28bc66fb8543c.svg",
|
|
99
99
|
"size": 290
|
|
100
100
|
},
|
|
101
|
-
{
|
|
102
|
-
"name": "styles-global.4031cdde644ed6ce.css.map",
|
|
103
|
-
"size": 40004
|
|
104
|
-
},
|
|
105
101
|
{
|
|
106
102
|
"name": "inter-latin-extended.02dc98170ff37b88.woff2",
|
|
107
103
|
"size": 140872
|
|
@@ -134,6 +130,10 @@
|
|
|
134
130
|
"name": "flask-conical.c16b3d71f14f31d1.svg",
|
|
135
131
|
"size": 326
|
|
136
132
|
},
|
|
133
|
+
{
|
|
134
|
+
"name": "styles-global.c9f2a49e47bf5c55.css.map",
|
|
135
|
+
"size": 40004
|
|
136
|
+
},
|
|
137
137
|
{
|
|
138
138
|
"name": "inter-cyrillic.eecfbd79d522303a.woff2",
|
|
139
139
|
"size": 29904
|
|
@@ -235,11 +235,11 @@
|
|
|
235
235
|
"children": {},
|
|
236
236
|
"childAssets": {}
|
|
237
237
|
},
|
|
238
|
-
"styles-
|
|
239
|
-
"name": "styles-
|
|
238
|
+
"styles-article-footer": {
|
|
239
|
+
"name": "styles-article-footer",
|
|
240
240
|
"chunks": [
|
|
241
241
|
"4014",
|
|
242
|
-
"
|
|
242
|
+
"8769"
|
|
243
243
|
],
|
|
244
244
|
"assets": [
|
|
245
245
|
{
|
|
@@ -247,35 +247,35 @@
|
|
|
247
247
|
"size": 548
|
|
248
248
|
},
|
|
249
249
|
{
|
|
250
|
-
"name": "styles-
|
|
251
|
-
"size":
|
|
250
|
+
"name": "styles-article-footer.81ae18c89fc527dc.css",
|
|
251
|
+
"size": 849
|
|
252
252
|
},
|
|
253
253
|
{
|
|
254
|
-
"name": "styles-
|
|
255
|
-
"size":
|
|
254
|
+
"name": "styles-article-footer.cc0f537c8ada7c9b.js",
|
|
255
|
+
"size": 253
|
|
256
256
|
}
|
|
257
257
|
],
|
|
258
258
|
"filteredAssets": 0,
|
|
259
|
-
"assetsSize":
|
|
259
|
+
"assetsSize": 1650,
|
|
260
260
|
"auxiliaryAssets": [
|
|
261
261
|
{
|
|
262
262
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
263
263
|
"size": 2654
|
|
264
264
|
},
|
|
265
265
|
{
|
|
266
|
-
"name": "styles-
|
|
267
|
-
"size":
|
|
266
|
+
"name": "styles-article-footer.81ae18c89fc527dc.css.map",
|
|
267
|
+
"size": 1719
|
|
268
268
|
}
|
|
269
269
|
],
|
|
270
|
-
"auxiliaryAssetsSize":
|
|
270
|
+
"auxiliaryAssetsSize": 4373,
|
|
271
271
|
"children": {},
|
|
272
272
|
"childAssets": {}
|
|
273
273
|
},
|
|
274
|
-
"styles-
|
|
275
|
-
"name": "styles-
|
|
274
|
+
"styles-banner": {
|
|
275
|
+
"name": "styles-banner",
|
|
276
276
|
"chunks": [
|
|
277
277
|
"4014",
|
|
278
|
-
"
|
|
278
|
+
"3501"
|
|
279
279
|
],
|
|
280
280
|
"assets": [
|
|
281
281
|
{
|
|
@@ -283,27 +283,27 @@
|
|
|
283
283
|
"size": 548
|
|
284
284
|
},
|
|
285
285
|
{
|
|
286
|
-
"name": "styles-
|
|
287
|
-
"size":
|
|
286
|
+
"name": "styles-banner.27a95586089161b4.css",
|
|
287
|
+
"size": 323
|
|
288
288
|
},
|
|
289
289
|
{
|
|
290
|
-
"name": "styles-
|
|
291
|
-
"size":
|
|
290
|
+
"name": "styles-banner.9d03daba84c11958.js",
|
|
291
|
+
"size": 245
|
|
292
292
|
}
|
|
293
293
|
],
|
|
294
294
|
"filteredAssets": 0,
|
|
295
|
-
"assetsSize":
|
|
295
|
+
"assetsSize": 1116,
|
|
296
296
|
"auxiliaryAssets": [
|
|
297
297
|
{
|
|
298
298
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
299
299
|
"size": 2654
|
|
300
300
|
},
|
|
301
301
|
{
|
|
302
|
-
"name": "styles-
|
|
303
|
-
"size":
|
|
302
|
+
"name": "styles-banner.27a95586089161b4.css.map",
|
|
303
|
+
"size": 531
|
|
304
304
|
}
|
|
305
305
|
],
|
|
306
|
-
"auxiliaryAssetsSize":
|
|
306
|
+
"auxiliaryAssetsSize": 3185,
|
|
307
307
|
"children": {},
|
|
308
308
|
"childAssets": {}
|
|
309
309
|
},
|
|
@@ -612,12 +612,12 @@
|
|
|
612
612
|
"size": 254
|
|
613
613
|
},
|
|
614
614
|
{
|
|
615
|
-
"name": "styles-content-section.
|
|
616
|
-
"size":
|
|
615
|
+
"name": "styles-content-section.e0bbadd0c4bc857d.css",
|
|
616
|
+
"size": 15064
|
|
617
617
|
}
|
|
618
618
|
],
|
|
619
619
|
"filteredAssets": 0,
|
|
620
|
-
"assetsSize":
|
|
620
|
+
"assetsSize": 15866,
|
|
621
621
|
"auxiliaryAssets": [
|
|
622
622
|
{
|
|
623
623
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
@@ -655,10 +655,6 @@
|
|
|
655
655
|
"name": "triangle-alert.cff4c57ccef57da3.svg",
|
|
656
656
|
"size": 286
|
|
657
657
|
},
|
|
658
|
-
{
|
|
659
|
-
"name": "styles-content-section.0dbf80e850fa3402.css.map",
|
|
660
|
-
"size": 23244
|
|
661
|
-
},
|
|
662
658
|
{
|
|
663
659
|
"name": "trash-2.73b28bc66fb8543c.svg",
|
|
664
660
|
"size": 290
|
|
@@ -674,9 +670,13 @@
|
|
|
674
670
|
{
|
|
675
671
|
"name": "cog.f23af856fab34421.svg",
|
|
676
672
|
"size": 431
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"name": "styles-content-section.e0bbadd0c4bc857d.css.map",
|
|
676
|
+
"size": 23399
|
|
677
677
|
}
|
|
678
678
|
],
|
|
679
|
-
"auxiliaryAssetsSize":
|
|
679
|
+
"auxiliaryAssetsSize": 29369,
|
|
680
680
|
"children": {},
|
|
681
681
|
"childAssets": {}
|
|
682
682
|
},
|
|
@@ -1872,11 +1872,11 @@
|
|
|
1872
1872
|
"children": {},
|
|
1873
1873
|
"childAssets": {}
|
|
1874
1874
|
},
|
|
1875
|
-
"styles-
|
|
1876
|
-
"name": "styles-
|
|
1875
|
+
"styles-homepage": {
|
|
1876
|
+
"name": "styles-homepage",
|
|
1877
1877
|
"chunks": [
|
|
1878
1878
|
"4014",
|
|
1879
|
-
"
|
|
1879
|
+
"1187"
|
|
1880
1880
|
],
|
|
1881
1881
|
"assets": [
|
|
1882
1882
|
{
|
|
@@ -1884,35 +1884,35 @@
|
|
|
1884
1884
|
"size": 548
|
|
1885
1885
|
},
|
|
1886
1886
|
{
|
|
1887
|
-
"name": "styles-
|
|
1888
|
-
"size":
|
|
1887
|
+
"name": "styles-homepage.0980eec27925cc11.css",
|
|
1888
|
+
"size": 381
|
|
1889
1889
|
},
|
|
1890
1890
|
{
|
|
1891
|
-
"name": "styles-
|
|
1892
|
-
"size":
|
|
1891
|
+
"name": "styles-homepage.76dcd400ed4ef833.js",
|
|
1892
|
+
"size": 245
|
|
1893
1893
|
}
|
|
1894
1894
|
],
|
|
1895
1895
|
"filteredAssets": 0,
|
|
1896
|
-
"assetsSize":
|
|
1896
|
+
"assetsSize": 1174,
|
|
1897
1897
|
"auxiliaryAssets": [
|
|
1898
1898
|
{
|
|
1899
1899
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
1900
1900
|
"size": 2654
|
|
1901
1901
|
},
|
|
1902
1902
|
{
|
|
1903
|
-
"name": "styles-
|
|
1904
|
-
"size":
|
|
1903
|
+
"name": "styles-homepage.0980eec27925cc11.css.map",
|
|
1904
|
+
"size": 685
|
|
1905
1905
|
}
|
|
1906
1906
|
],
|
|
1907
|
-
"auxiliaryAssetsSize":
|
|
1907
|
+
"auxiliaryAssetsSize": 3339,
|
|
1908
1908
|
"children": {},
|
|
1909
1909
|
"childAssets": {}
|
|
1910
1910
|
},
|
|
1911
|
-
"styles-
|
|
1912
|
-
"name": "styles-
|
|
1911
|
+
"styles-heading-anchor": {
|
|
1912
|
+
"name": "styles-heading-anchor",
|
|
1913
1913
|
"chunks": [
|
|
1914
1914
|
"4014",
|
|
1915
|
-
"
|
|
1915
|
+
"4015"
|
|
1916
1916
|
],
|
|
1917
1917
|
"assets": [
|
|
1918
1918
|
{
|
|
@@ -1920,27 +1920,27 @@
|
|
|
1920
1920
|
"size": 548
|
|
1921
1921
|
},
|
|
1922
1922
|
{
|
|
1923
|
-
"name": "styles-
|
|
1924
|
-
"size":
|
|
1923
|
+
"name": "styles-heading-anchor.0eec5185ab9425b7.css",
|
|
1924
|
+
"size": 694
|
|
1925
1925
|
},
|
|
1926
1926
|
{
|
|
1927
|
-
"name": "styles-
|
|
1928
|
-
"size":
|
|
1927
|
+
"name": "styles-heading-anchor.9c108abd05c06751.js",
|
|
1928
|
+
"size": 253
|
|
1929
1929
|
}
|
|
1930
1930
|
],
|
|
1931
1931
|
"filteredAssets": 0,
|
|
1932
|
-
"assetsSize":
|
|
1932
|
+
"assetsSize": 1495,
|
|
1933
1933
|
"auxiliaryAssets": [
|
|
1934
1934
|
{
|
|
1935
1935
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
1936
1936
|
"size": 2654
|
|
1937
1937
|
},
|
|
1938
1938
|
{
|
|
1939
|
-
"name": "styles-
|
|
1940
|
-
"size":
|
|
1939
|
+
"name": "styles-heading-anchor.0eec5185ab9425b7.css.map",
|
|
1940
|
+
"size": 1296
|
|
1941
1941
|
}
|
|
1942
1942
|
],
|
|
1943
|
-
"auxiliaryAssetsSize":
|
|
1943
|
+
"auxiliaryAssetsSize": 3950,
|
|
1944
1944
|
"children": {},
|
|
1945
1945
|
"childAssets": {}
|
|
1946
1946
|
},
|
|
@@ -2357,11 +2357,11 @@
|
|
|
2357
2357
|
"children": {},
|
|
2358
2358
|
"childAssets": {}
|
|
2359
2359
|
},
|
|
2360
|
-
"styles-
|
|
2361
|
-
"name": "styles-
|
|
2360
|
+
"styles-not-found": {
|
|
2361
|
+
"name": "styles-not-found",
|
|
2362
2362
|
"chunks": [
|
|
2363
2363
|
"4014",
|
|
2364
|
-
"
|
|
2364
|
+
"4575"
|
|
2365
2365
|
],
|
|
2366
2366
|
"assets": [
|
|
2367
2367
|
{
|
|
@@ -2369,43 +2369,35 @@
|
|
|
2369
2369
|
"size": 548
|
|
2370
2370
|
},
|
|
2371
2371
|
{
|
|
2372
|
-
"name": "styles-
|
|
2373
|
-
"size":
|
|
2372
|
+
"name": "styles-not-found.7b511b835e4030ea.css",
|
|
2373
|
+
"size": 293
|
|
2374
2374
|
},
|
|
2375
2375
|
{
|
|
2376
|
-
"name": "styles-
|
|
2377
|
-
"size":
|
|
2376
|
+
"name": "styles-not-found.fbeeeeb400396890.js",
|
|
2377
|
+
"size": 248
|
|
2378
2378
|
}
|
|
2379
2379
|
],
|
|
2380
2380
|
"filteredAssets": 0,
|
|
2381
|
-
"assetsSize":
|
|
2381
|
+
"assetsSize": 1089,
|
|
2382
2382
|
"auxiliaryAssets": [
|
|
2383
2383
|
{
|
|
2384
2384
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
2385
2385
|
"size": 2654
|
|
2386
2386
|
},
|
|
2387
2387
|
{
|
|
2388
|
-
"name": "
|
|
2389
|
-
"size":
|
|
2390
|
-
},
|
|
2391
|
-
{
|
|
2392
|
-
"name": "cancel.7362f2cdf3515e0d.svg",
|
|
2393
|
-
"size": 219
|
|
2394
|
-
},
|
|
2395
|
-
{
|
|
2396
|
-
"name": "styles-navigation.013b4a4ed330892a.css.map",
|
|
2397
|
-
"size": 4251
|
|
2388
|
+
"name": "styles-not-found.7b511b835e4030ea.css.map",
|
|
2389
|
+
"size": 570
|
|
2398
2390
|
}
|
|
2399
2391
|
],
|
|
2400
|
-
"auxiliaryAssetsSize":
|
|
2392
|
+
"auxiliaryAssetsSize": 3224,
|
|
2401
2393
|
"children": {},
|
|
2402
2394
|
"childAssets": {}
|
|
2403
2395
|
},
|
|
2404
|
-
"styles-
|
|
2405
|
-
"name": "styles-
|
|
2396
|
+
"styles-navigation": {
|
|
2397
|
+
"name": "styles-navigation",
|
|
2406
2398
|
"chunks": [
|
|
2407
2399
|
"4014",
|
|
2408
|
-
"
|
|
2400
|
+
"1445"
|
|
2409
2401
|
],
|
|
2410
2402
|
"assets": [
|
|
2411
2403
|
{
|
|
@@ -2413,27 +2405,35 @@
|
|
|
2413
2405
|
"size": 548
|
|
2414
2406
|
},
|
|
2415
2407
|
{
|
|
2416
|
-
"name": "styles-
|
|
2417
|
-
"size":
|
|
2408
|
+
"name": "styles-navigation.013b4a4ed330892a.css",
|
|
2409
|
+
"size": 2143
|
|
2418
2410
|
},
|
|
2419
2411
|
{
|
|
2420
|
-
"name": "styles-
|
|
2421
|
-
"size":
|
|
2412
|
+
"name": "styles-navigation.135a000deb94eb19.js",
|
|
2413
|
+
"size": 249
|
|
2422
2414
|
}
|
|
2423
2415
|
],
|
|
2424
2416
|
"filteredAssets": 0,
|
|
2425
|
-
"assetsSize":
|
|
2417
|
+
"assetsSize": 2940,
|
|
2426
2418
|
"auxiliaryAssets": [
|
|
2427
2419
|
{
|
|
2428
2420
|
"name": "styles.42b0721850a6a7e4.js.map",
|
|
2429
2421
|
"size": 2654
|
|
2430
2422
|
},
|
|
2431
2423
|
{
|
|
2432
|
-
"name": "
|
|
2433
|
-
"size":
|
|
2424
|
+
"name": "menu.74ccd9bb64dbf543.svg",
|
|
2425
|
+
"size": 222
|
|
2426
|
+
},
|
|
2427
|
+
{
|
|
2428
|
+
"name": "cancel.7362f2cdf3515e0d.svg",
|
|
2429
|
+
"size": 219
|
|
2430
|
+
},
|
|
2431
|
+
{
|
|
2432
|
+
"name": "styles-navigation.013b4a4ed330892a.css.map",
|
|
2433
|
+
"size": 4251
|
|
2434
2434
|
}
|
|
2435
2435
|
],
|
|
2436
|
-
"auxiliaryAssetsSize":
|
|
2436
|
+
"auxiliaryAssetsSize": 7346,
|
|
2437
2437
|
"children": {},
|
|
2438
2438
|
"childAssets": {}
|
|
2439
2439
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h1{font-size:var(--font-size-largest);margin-top:0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-normal);letter-spacing:.05em;text-transform:uppercase}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code);white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:.25em;padding:.125em .25em}.content-section img{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-normal);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) a[href^="#"]{color:inherit}:is(:is(.content-section dl) a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
|
|
2
|
-
/*# sourceMappingURL=styles-content-section.
|
|
1
|
+
.code-example{--border:1px solid var(--color-border-primary);border:var(--border);border-radius:.25rem;overflow:hidden}.code-example .example-header{align-items:center;border-bottom:var(--border);display:flex;line-height:var(--font-line-ui);min-height:3.1rem;padding:.5rem 1rem}:is(.code-example .example-header) .language-name{text-transform:uppercase}.code-example pre{background-color:var(--color-background-secondary);display:flex;margin:0;white-space:pre-wrap}:is(.code-example pre) code{background-color:initial;flex-grow:1;flex-shrink:1;font-family:var(--font-family-code);overflow:auto;padding:1rem}.hidden:is(.code-example pre),[class*=interactive-example]:is(.code-example pre){display:none}:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre)):after{content:"";display:inline-block;flex-shrink:0;height:1.24rem;margin:1.255rem 1rem;-webkit-mask-size:cover;mask-size:cover;width:1.24rem}.example-good:is(.code-example pre){background-color:var(--color-background-green)}.example-good:is(.code-example pre):after{background-color:var(--color-text-green);-webkit-mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg);mask-image:url(/static/client/circle-check.205f48f66c3c9d17.svg)}.example-bad:is(.code-example pre){background-color:var(--color-background-red)}.example-bad:is(.code-example pre):after{background-color:var(--color-text-red);-webkit-mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg);mask-image:url(/static/client/circle-x.4b1c3fa0511867e7.svg)}.code-example:has(.hidden,[class*=interactive-example]){display:none}.code-example iframe,.code-example mdn-play-runner{border:none;box-sizing:initial;display:block;padding:1rem}.prev-next{border-width:1px;border-bottom:1px solid var(--color-border-primary);border-left:0 solid var(--color-border-primary);border-right:0 solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:.5rem;width:100%}.prev-next a{color:var(--color-link-normal)!important;text-wrap:balance}:is(.prev-next a):visited{color:var(--color-link-visited)!important}@media (width <= 426px){.prev-next{display:grid;grid-template-areas:"title title" "prev next"}.prev-next li.menu{grid-area:title;justify-self:center}.prev-next li.prev{grid-area:prev;justify-self:start}.prev-next li.next{grid-area:next;justify-self:end}}.prev-next .next a,.prev-next .prev a{align-items:center;display:flex;gap:.25rem}.prev-next li{background:none;display:flex;flex-wrap:nowrap;place-items:center}:is(.prev-next li) .button{background-color:inherit;border:inherit;color:inherit}:is(:is(.prev-next li) .button):hover{-webkit-text-decoration:underline;text-decoration:underline}.next:is(.prev-next li) a:after,.prev:is(.prev-next li) a:before{background-color:currentcolor;content:"";display:inline-block;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.prev:is(.prev-next li){margin-right:auto}.prev:is(.prev-next li) a:before{-webkit-mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg);mask-image:url(/static/client/arrow-left.29a44bc5a550fe38.svg)}.prev:is(.prev-next li)~.menu:is(.prev-next li){margin-left:auto;margin-right:auto;text-align:center}.next:is(.prev-next li){margin-left:auto}.next:is(.prev-next li) a:after{-webkit-mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg);mask-image:url(/static/client/arrow-right.648145f00e77b7f0.svg)}.callout,.notecard{background-color:var(--color-background-secondary);border-inline-start:2px solid var(--accent-color,var(--color-text-secondary));border-radius:.25em;color:var(--color-text-primary);margin-block:1em;padding-block:1px;padding-inline:1em;padding-inline-start:3em;position:relative}.experimental:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout){background-color:var(--color-background-blue);--accent-color:var(--color-text-blue)}.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.warning:is(.notecard,.callout){background-color:var(--color-background-red);--accent-color:var(--color-text-red)}.tip:is(.notecard,.callout){background-color:var(--color-background-green);--accent-color:var(--color-text-green)}:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout)):before{background-color:var(--accent-color,var(--color-text-secondary));content:"";display:block;height:1em;left:1em;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:1.45em;width:1em}.deprecated:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.experimental:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.nonstandard:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.note:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/info.d40b80f84482feba.svg);mask-image:url(/static/client/info.d40b80f84482feba.svg)}.secure:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lock.4befe79c52ccec2a.svg);mask-image:url(/static/client/lock.4befe79c52ccec2a.svg)}.tip:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg);mask-image:url(/static/client/lightbulb.f54f9e803373ffd2.svg)}.warning:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}.worker:is(.notecard,.callout):before{-webkit-mask-image:url(/static/client/cog.f23af856fab34421.svg);mask-image:url(/static/client/cog.f23af856fab34421.svg)}:is(.code-example,.css-formal-syntax) .token.cdata,:is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.prolog{--csstools-light-dark-toggle-360cf513-0:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-0,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.punctuation{--csstools-light-dark-toggle-360cf513-1:var(--csstools-color-scheme--light) #b3b3b3;color:var(--csstools-light-dark-toggle-360cf513-1,#51565d);color:light-dark(#51565d,#b3b3b3)}:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.selector{--csstools-light-dark-toggle-360cf513-2:var(--csstools-color-scheme--light) #ff97a0;color:var(--csstools-light-dark-toggle-360cf513-2,#d30038);color:light-dark(#d30038,#ff97a0)}:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value{--csstools-light-dark-toggle-360cf513-3:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-3,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.keyword{--csstools-light-dark-toggle-360cf513-4:var(--csstools-color-scheme--light) #c1cff1;color:var(--csstools-light-dark-toggle-360cf513-4,#0069c2);color:light-dark(#0069c2,#c1cff1)}:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.deleted,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.tag{--csstools-light-dark-toggle-360cf513-5:var(--csstools-color-scheme--light) #00d061;color:var(--csstools-light-dark-toggle-360cf513-5,#007936);color:light-dark(#007936,#00d061)}:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.template-string>.token.string{--csstools-light-dark-toggle-360cf513-6:var(--csstools-color-scheme--light) #bea5ff;color:var(--csstools-light-dark-toggle-360cf513-6,#872bff);color:light-dark(#872bff,#bea5ff)}:is(.code-example,.css-formal-syntax) .token.bold,:is(.code-example,.css-formal-syntax) .token.important{font-weight:700}:is(.code-example,.css-formal-syntax) .token.italic{font-style:italic}:is(.code-example,.css-formal-syntax) .token.entity{cursor:help}.content-section{line-height:var(--font-line-content)}.content-section :target{scroll-margin-top:var(--sticky-header-height)}.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{font-weight:var(--font-weight-normal);margin:1rem 0 0}.content-section h1{font-size:var(--font-size-largest);margin-top:0}.content-section h2{font-size:var(--font-size-larger)}.content-section h3{font-size:var(--font-size-large)}.content-section h4{font-size:var(--font-size-normal);letter-spacing:.05em;text-transform:uppercase}.content-section h5,.content-section h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}:is(.content-section a):visited{color:var(--color-link-visited)}:is(.content-section a):not([href^="#"]){-webkit-text-decoration:underline;text-decoration:underline}:is(.content-section a):not([href^="#"]):hover,[href^="#"]:is(.content-section a){-webkit-text-decoration:none;text-decoration:none}[href^="#"]:is(.content-section a):hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section blockquote{border-inline-start:.25rem solid var(--color-border-primary);color:var(--color-text-secondary);margin-inline:0}:is(.content-section blockquote)>p{padding:1rem 2rem}.content-section code,.content-section pre{background-color:var(--color-background-secondary);font-family:var(--font-family-code);white-space:pre-wrap}.content-section pre:not(.code-example pre){border:1px solid var(--color-border-primary);border-radius:.25rem;overflow:auto;padding:1rem}.css-formal-syntax:is(.content-section pre:not(.code-example pre)){border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;text-wrap:wrap}.css-formal-syntax:is(.content-section pre:not(.code-example pre))~footer{border:1px solid var(--color-border-primary);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:0;margin-bottom:1rem;padding:.5rem 1rem}.content-section code{border-radius:.25em;padding:.125em .25em}.content-section img{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:.25rem;display:block;margin:2rem auto}.content-section table{border-collapse:collapse;width:100%}:is(.content-section table) tr{background-color:var(--color-background-primary)}:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n){background-color:var(--color-background-page)}:is(.content-section table) td,:is(.content-section table) th{border:1px solid var(--color-border-primary);padding:.5rem .75rem}:is(.content-section table) th{font-weight:var(--font-weight-normal);text-align:left}.properties:is(.content-section table) td,.properties:is(.content-section table) th{border-width:1px 0}.properties:is(.content-section table) th{background-color:initial;font-weight:var(--font-weight-bold)}.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result{margin:1rem 0}:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result)+:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result){margin-top:1.5rem}.content-section interactive-example{display:block;height:375px;margin:1rem 0}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:444px}[height=shorter]:is(.content-section interactive-example){height:364px}[height=taller]:is(.content-section interactive-example){height:654px}[height=tabbed-shorter]:is(.content-section interactive-example){height:351px;margin-top:1.5rem}[height=tabbed-standard]:is(.content-section interactive-example){height:421px}[height=tabbed-taller]:is(.content-section interactive-example){height:631px}@media (width <= 992px){.content-section interactive-example{height:675px}[name^="JavaScript Demo:" i]:is(.content-section interactive-example){height:513px}[height=shorter]:is(.content-section interactive-example){height:433px}[height=taller]:is(.content-section interactive-example){height:725px}[height=tabbed-shorter]:is(.content-section interactive-example){height:487px}[height=tabbed-standard]:is(.content-section interactive-example){height:548px}[height=tabbed-taller]:is(.content-section interactive-example){height:774px}}:is(.content-section dl) dl{border-left:1px solid var(--color-border-primary);padding-left:1rem}:is(.content-section dl) dd{margin-left:1rem}:is(:is(.content-section dl) dd) p:first-child{margin-top:.5rem}:is(.content-section dl) ul{margin:1rem 0 2rem}:is(.content-section dl) a[href^="#"]{color:inherit}:is(:is(.content-section dl) a[href^="#"]):hover:before{color:var(--color-text-secondary);content:"#";font-size:var(--font-size-small);margin-left:-.9em;margin-top:.3em;position:absolute}:is(.content-section ul.specifications-list) li:has(details){list-style:none;margin-left:-1.25rem}:is(.content-section ul.specifications-list) details{width:100%}[open]:is(:is(.content-section ul.specifications-list) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.content-section ul.specifications-list) details)>summary):before{transform:rotate(90deg)}:is(:is(.content-section ul.specifications-list) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.content-section ul.specifications-list) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.125rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover){background-color:unset}.content-section.article-footer{margin:2rem 0}
|
|
2
|
+
/*# sourceMappingURL=styles-content-section.e0bbadd0c4bc857d.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles-content-section.0dbf80e850fa3402.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n --border: 1px solid var(--color-border-primary);\n overflow: hidden;\n border: var(--border);\n border-radius: 0.25rem;\n}.code-example .example-header {\n display: flex;\n\n align-items: center;\n\n min-height: 3.1rem;\n\n padding: 0.5rem 1rem;\n\n line-height: var(--font-line-ui);\n\n border-bottom: var(--border);\n }:is(.code-example .example-header) .language-name {\n text-transform: uppercase;\n }.code-example pre {\n display: flex;\n\n margin: 0;\n\n white-space: pre-wrap;\n\n background-color: var(--color-background-secondary);\n }:is(.code-example pre) code {\n flex-grow: 1;\n flex-shrink: 1;\n\n padding: 1rem;\n\n overflow: auto;\n\n font-family: var(--font-family-code);\n\n background-color: transparent;\n }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n display: none;\n }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1.24rem;\n height: 1.24rem;\n\n margin: 1.255rem 1rem;\n\n content: \"\";\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.example-good:is(.code-example pre) {\n background-color: var(--color-background-green);\n }.example-good:is(.code-example pre)::after {\n background-color: var(--color-text-green);\n -webkit-mask-image: url(\"../icon/circle-check.svg\");\n mask-image: url(\"../icon/circle-check.svg\");\n }.example-bad:is(.code-example pre) {\n background-color: var(--color-background-red);\n }.example-bad:is(.code-example pre)::after {\n background-color: var(--color-text-red);\n -webkit-mask-image: url(\"../icon/circle-x.svg\");\n mask-image: url(\"../icon/circle-x.svg\");\n }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n /* TODO: we might want to fix this in rari */\n display: none;\n }.code-example iframe,.code-example mdn-play-runner {\n box-sizing: content-box;\n display: block;\n\n padding: 1rem;\n\n border: none;\n }\n","/* Tutorial nav. */\n.prev-next {\n display: flex;\n\n flex-wrap: nowrap;\n\n gap: 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n padding: 0.5rem;\n margin: 0;\n\n list-style: none;\n\n border: 1px solid var(--color-border-primary);\n border-width: 1px 0;\n}\n.prev-next a {\n color: var(--color-link-normal) !important;\n text-wrap: balance;\n }\n:is(.prev-next a):visited {\n color: var(--color-link-visited) !important;\n }\n@media (width <= 426px) {\n.prev-next {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"prev next\";\n}\n\n .prev-next li.menu {\n grid-area: title;\n justify-self: center;\n }\n\n .prev-next li.prev {\n grid-area: prev;\n justify-self: start;\n }\n\n .prev-next li.next {\n grid-area: next;\n justify-self: end;\n }\n }\n.prev-next .prev a,.prev-next .next a {\n display: flex;\n gap: 0.25rem;\n align-items: center;\n }\n.prev-next li {\n display: flex;\n\n flex-wrap: nowrap;\n\n place-items: center;\n\n background: none;\n }\n:is(.prev-next li) .button {\n color: inherit;\n background-color: inherit;\n border: inherit;\n }\n:is(:is(.prev-next li) .button):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n.prev:is(.prev-next li) {\n margin-right: auto;\n }\n.prev:is(.prev-next li) a::before {\n -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n mask-image: url(\"../icon/arrow-left.svg\");\n }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n margin-right: auto;\n margin-left: auto;\n text-align: center;\n }\n.next:is(.prev-next li) {\n margin-left: auto;\n }\n.next:is(.prev-next li) a::after {\n -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n mask-image: url(\"../icon/arrow-right.svg\");\n }\n",".notecard,\n.callout {\n position: relative;\n\n padding-block: 1px;\n padding-inline: 1em;\n padding-inline-start: 3em;\n margin-block: 1em;\n\n color: var(--color-text-primary);\n\n background-color: var(--color-background-secondary);\n border-inline-start: 2px solid\n var(--accent-color, var(--color-text-secondary));\n border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n background-color: var(--color-background-blue);\n --accent-color: var(--color-text-blue);\n }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n background-color: var(--color-background-red);\n --accent-color: var(--color-text-red);\n }.tip:is(.notecard,.callout) {\n background-color: var(--color-background-green);\n --accent-color: var(--color-text-green);\n }:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout))::before {\n position: absolute;\n top: 1.45em;\n left: 1em;\n\n display: block;\n\n width: 1em;\n height: 1em;\n\n content: \"\";\n\n background-color: var(--accent-color, var(--color-text-secondary));\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.deprecated:is(.notecard,.callout)::before {\n /* e.g. Window: blur() method */\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }.experimental:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }.nonstandard:is(.notecard,.callout)::before {\n /* e.g. Document: caretRangeFromPoint() method */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.note:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/info.svg\");\n mask-image: url(\"../icon/info.svg\");\n }.secure:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/lock.svg\");\n mask-image: url(\"../icon/lock.svg\");\n }.tip:is(.notecard,.callout)::before {\n /* (Not used in content yet) */\n -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n mask-image: url(\"../icon/lightbulb.svg\");\n }.warning:is(.notecard,.callout)::before {\n /* e.g. Navigator: scheduling property */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.worker:is(.notecard,.callout)::before {\n /* e.g. Worker: Worker() constructor (needs rari change) */\n -webkit-mask-image: url(\"../icon/cog.svg\");\n mask-image: url(\"../icon/cog.svg\");\n }\n","\n :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.punctuation {\n --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n color: light-dark(#d30038, #ff97a0);\n }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.keyword {\n --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n color: light-dark(#0069c2, #c1cff1);\n }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n color: light-dark(#872bff, #bea5ff);\n }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n font-weight: bold;\n }:is(.code-example,.css-formal-syntax) .token.italic {\n font-style: italic;\n }:is(.code-example,.css-formal-syntax) .token.entity {\n cursor: help;\n }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n line-height: var(--font-line-content);\n}\n\n.content-section :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n margin: 1rem 0 0;\n font-weight: var(--font-weight-normal);\n }\n\n.content-section h1 {\n margin-top: 0;\n font-size: var(--font-size-largest);\n }\n\n.content-section h2 {\n font-size: var(--font-size-larger);\n }\n\n.content-section h3 {\n font-size: var(--font-size-large);\n }\n\n.content-section h4 {\n font-size: var(--font-size-normal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n.content-section h5,.content-section h6 {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n }\n\n:is(.content-section a):visited {\n color: var(--color-link-visited);\n }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n[href^=\"#\"]:is(.content-section a):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n.content-section blockquote {\n margin-inline: 0;\n color: var(--color-text-secondary);\n border-inline-start: 0.25rem solid var(--color-border-primary);\n }\n\n:is(.content-section blockquote) > p {\n padding: 1rem 2rem;\n }\n\n.content-section pre,.content-section code {\n font-family: var(--font-family-code);\n white-space: pre-wrap;\n background-color: var(--color-background-secondary);\n }\n\n.content-section pre:not(.code-example pre) {\n padding: 1rem;\n\n overflow: auto;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n margin-bottom: 0;\n\n text-wrap: wrap;\n\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) ~ footer {\n padding: 0.5rem 1rem;\n margin-bottom: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-top: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n.content-section code {\n padding: 0.125em 0.25em;\n border-radius: 0.25em;\n }\n\n.content-section img {\n display: block;\n\n margin: 2rem auto;\n\n background-color: var(--color-background-secondary);\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.content-section table {\n width: 100%;\n border-collapse: collapse;\n }\n\n:is(.content-section table) tr {\n background-color: var(--color-background-primary);\n }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n background-color: var(--color-background-page);\n }\n\n:is(.content-section table) th,:is(.content-section table) td {\n padding: 0.5rem 0.75rem;\n border: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section table) th {\n font-weight: var(--font-weight-normal);\n text-align: left;\n }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n border-width: 1px 0;\n }\n\n.properties:is(.content-section table) th {\n font-weight: var(--font-weight-bold);\n background-color: transparent;\n }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n margin: 1rem 0;\n }\n\n:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) + :is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) {\n margin-top: 1.5rem;\n }\n\n.content-section interactive-example {\n display: block;\n height: 375px;\n margin: 1rem 0;\n }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 444px;\n }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n height: 364px;\n }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n height: 654px;\n }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 351px;\n margin-top: 1.5rem;\n }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 421px;\n }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 631px;\n }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n height: 675px;\n }\n\n [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 513px;\n }\n\n [height=\"shorter\"]:is(.content-section interactive-example) {\n height: 433px;\n }\n\n [height=\"taller\"]:is(.content-section interactive-example) {\n height: 725px;\n }\n\n [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 487px;\n }\n\n [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 548px;\n }\n\n [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 774px;\n }\n }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n padding-left: 1rem;\n border-left: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section dl) dd {\n margin-left: 1rem;\n }\n\n:is(.content-section dl) ul {\n margin: 1rem 0 2rem;\n }\n\n:is(.content-section dl) a[href^=\"#\"] {\n color: inherit;\n }\n\n:is(:is(.content-section dl) a[href^=\"#\"]):hover::before {\n position: absolute;\n\n margin-top: 0.3em;\n margin-left: -0.9em;\n\n font-size: var(--font-size-small);\n\n color: var(--color-text-secondary);\n\n content: \"#\";\n }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n margin-left: -1.25rem;\n list-style: none;\n }\n\n:is(.content-section ul.specifications-list) details {\n width: 100%;\n }\n\n[open]:is(:is(.content-section ul.specifications-list) details) > summary {\n margin-bottom: 0.5rem;\n }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n transform: rotate(90deg);\n }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1rem;\n height: 1rem;\n\n margin: 0.125rem;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n mask-image: url(\"../icon/chevron-right.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n background-color: var(--color-background-secondary);\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n /* Don't highlight, as link click doesn't toggle. */\n background-color: unset;\n }\n\n/* Article footer */\n\n.content-section.article-footer {\n margin: 2rem 0;\n }\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles-content-section.e0bbadd0c4bc857d.css","sources":["webpack://@mdn/fred/./components/code-example/common.css","webpack://@mdn/fred/./components/prev-next/index.css","webpack://@mdn/fred/./components/notecard/index.css","webpack://@mdn/fred/./components/code-example/prism.css","webpack://@mdn/fred/./components/content-section/server.css"],"sourcesContent":[".code-example {\n --border: 1px solid var(--color-border-primary);\n overflow: hidden;\n border: var(--border);\n border-radius: 0.25rem;\n}.code-example .example-header {\n display: flex;\n\n align-items: center;\n\n min-height: 3.1rem;\n\n padding: 0.5rem 1rem;\n\n line-height: var(--font-line-ui);\n\n border-bottom: var(--border);\n }:is(.code-example .example-header) .language-name {\n text-transform: uppercase;\n }.code-example pre {\n display: flex;\n\n margin: 0;\n\n white-space: pre-wrap;\n\n background-color: var(--color-background-secondary);\n }:is(.code-example pre) code {\n flex-grow: 1;\n flex-shrink: 1;\n\n padding: 1rem;\n\n overflow: auto;\n\n font-family: var(--font-family-code);\n\n background-color: transparent;\n }.hidden:is(.code-example pre),[class*=\"interactive-example\"]:is(.code-example pre) {\n display: none;\n }:is(.example-good:is(.code-example pre),.example-bad:is(.code-example pre))::after {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1.24rem;\n height: 1.24rem;\n\n margin: 1.255rem 1rem;\n\n content: \"\";\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.example-good:is(.code-example pre) {\n background-color: var(--color-background-green);\n }.example-good:is(.code-example pre)::after {\n background-color: var(--color-text-green);\n -webkit-mask-image: url(\"../icon/circle-check.svg\");\n mask-image: url(\"../icon/circle-check.svg\");\n }.example-bad:is(.code-example pre) {\n background-color: var(--color-background-red);\n }.example-bad:is(.code-example pre)::after {\n background-color: var(--color-text-red);\n -webkit-mask-image: url(\"../icon/circle-x.svg\");\n mask-image: url(\"../icon/circle-x.svg\");\n }.code-example:has(.hidden,[class*=\"interactive-example\"]) {\n /* TODO: we might want to fix this in rari */\n display: none;\n }.code-example iframe,.code-example mdn-play-runner {\n box-sizing: content-box;\n display: block;\n\n padding: 1rem;\n\n border: none;\n }\n","/* Tutorial nav. */\n.prev-next {\n display: flex;\n\n flex-wrap: nowrap;\n\n gap: 1rem;\n justify-content: space-between;\n\n width: 100%;\n\n padding: 0.5rem;\n margin: 0;\n\n list-style: none;\n\n border: 1px solid var(--color-border-primary);\n border-width: 1px 0;\n}\n.prev-next a {\n color: var(--color-link-normal) !important;\n text-wrap: balance;\n }\n:is(.prev-next a):visited {\n color: var(--color-link-visited) !important;\n }\n@media (width <= 426px) {\n.prev-next {\n display: grid;\n grid-template-areas:\n \"title title\"\n \"prev next\";\n}\n\n .prev-next li.menu {\n grid-area: title;\n justify-self: center;\n }\n\n .prev-next li.prev {\n grid-area: prev;\n justify-self: start;\n }\n\n .prev-next li.next {\n grid-area: next;\n justify-self: end;\n }\n }\n.prev-next .prev a,.prev-next .next a {\n display: flex;\n gap: 0.25rem;\n align-items: center;\n }\n.prev-next li {\n display: flex;\n\n flex-wrap: nowrap;\n\n place-items: center;\n\n background: none;\n }\n:is(.prev-next li) .button {\n color: inherit;\n background-color: inherit;\n border: inherit;\n }\n:is(:is(.prev-next li) .button):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n.prev:is(.prev-next li) a::before,.next:is(.prev-next li) a::after {\n display: inline-block;\n\n width: 1em;\n height: 1em;\n\n vertical-align: middle;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }\n.prev:is(.prev-next li) {\n margin-right: auto;\n }\n.prev:is(.prev-next li) a::before {\n -webkit-mask-image: url(\"../icon/arrow-left.svg\");\n mask-image: url(\"../icon/arrow-left.svg\");\n }\n.prev:is(.prev-next li) ~ .menu:is(.prev-next li) {\n margin-right: auto;\n margin-left: auto;\n text-align: center;\n }\n.next:is(.prev-next li) {\n margin-left: auto;\n }\n.next:is(.prev-next li) a::after {\n -webkit-mask-image: url(\"../icon/arrow-right.svg\");\n mask-image: url(\"../icon/arrow-right.svg\");\n }\n",".notecard,\n.callout {\n position: relative;\n\n padding-block: 1px;\n padding-inline: 1em;\n padding-inline-start: 3em;\n margin-block: 1em;\n\n color: var(--color-text-primary);\n\n background-color: var(--color-background-secondary);\n border-inline-start: 2px solid\n var(--accent-color, var(--color-text-secondary));\n border-radius: 0.25em;\n}.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.experimental:is(.notecard,.callout) {\n background-color: var(--color-background-blue);\n --accent-color: var(--color-text-blue);\n }.warning:is(.notecard,.callout),.deprecated:is(.notecard,.callout),.nonstandard:is(.notecard,.callout) {\n background-color: var(--color-background-red);\n --accent-color: var(--color-text-red);\n }.tip:is(.notecard,.callout) {\n background-color: var(--color-background-green);\n --accent-color: var(--color-text-green);\n }:is(.deprecated:is(.notecard,.callout),.experimental:is(.notecard,.callout),.nonstandard:is(.notecard,.callout),.note:is(.notecard,.callout),.secure:is(.notecard,.callout),.tip:is(.notecard,.callout),.warning:is(.notecard,.callout),.worker:is(.notecard,.callout))::before {\n position: absolute;\n top: 1.45em;\n left: 1em;\n\n display: block;\n\n width: 1em;\n height: 1em;\n\n content: \"\";\n\n background-color: var(--accent-color, var(--color-text-secondary));\n\n -webkit-mask-size: cover;\n\n mask-size: cover;\n }.deprecated:is(.notecard,.callout)::before {\n /* e.g. Window: blur() method */\n -webkit-mask-image: url(\"../icon/trash-2.svg\");\n mask-image: url(\"../icon/trash-2.svg\");\n }.experimental:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/flask-conical.svg\");\n mask-image: url(\"../icon/flask-conical.svg\");\n }.nonstandard:is(.notecard,.callout)::before {\n /* e.g. Document: caretRangeFromPoint() method */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.note:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/info.svg\");\n mask-image: url(\"../icon/info.svg\");\n }.secure:is(.notecard,.callout)::before {\n /* e.g. Barcode Detection API */\n -webkit-mask-image: url(\"../icon/lock.svg\");\n mask-image: url(\"../icon/lock.svg\");\n }.tip:is(.notecard,.callout)::before {\n /* (Not used in content yet) */\n -webkit-mask-image: url(\"../icon/lightbulb.svg\");\n mask-image: url(\"../icon/lightbulb.svg\");\n }.warning:is(.notecard,.callout)::before {\n /* e.g. Navigator: scheduling property */\n -webkit-mask-image: url(\"../icon/triangle-alert.svg\");\n mask-image: url(\"../icon/triangle-alert.svg\");\n }.worker:is(.notecard,.callout)::before {\n /* e.g. Worker: Worker() constructor (needs rari change) */\n -webkit-mask-image: url(\"../icon/cog.svg\");\n mask-image: url(\"../icon/cog.svg\");\n }\n","\n :is(.code-example,.css-formal-syntax) .token.comment,:is(.code-example,.css-formal-syntax) .token.prolog,:is(.code-example,.css-formal-syntax) .token.doctype,:is(.code-example,.css-formal-syntax) .token.cdata {\n --csstools-light-dark-toggle-360cf513-0: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-0, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.punctuation {\n --csstools-light-dark-toggle-360cf513-1: var(--csstools-color-scheme--light) #b3b3b3;\n color: var(--csstools-light-dark-toggle-360cf513-1, #51565d);\n color: light-dark(#51565d, #b3b3b3);\n }:is(.code-example,.css-formal-syntax) .token.attr-name,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.inserted,:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.property,:is(.code-example,.css-formal-syntax) .token.class-name,:is(.code-example,.css-formal-syntax) .token.function {\n --csstools-light-dark-toggle-360cf513-2: var(--csstools-color-scheme--light) #ff97a0;\n color: var(--csstools-light-dark-toggle-360cf513-2, #d30038);\n color: light-dark(#d30038, #ff97a0);\n }:is(.code-example,.css-formal-syntax) .token.atrule,:is(.code-example,.css-formal-syntax) .token.attr-value {\n --csstools-light-dark-toggle-360cf513-3: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-3, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.keyword {\n --csstools-light-dark-toggle-360cf513-4: var(--csstools-color-scheme--light) #c1cff1;\n color: var(--csstools-light-dark-toggle-360cf513-4, #0069c2);\n color: light-dark(#0069c2, #c1cff1);\n }:is(.code-example,.css-formal-syntax) .token.tag,:is(.code-example,.css-formal-syntax) .token.char,:is(.code-example,.css-formal-syntax) .token.string,:is(.code-example,.css-formal-syntax) .token.boolean,:is(.code-example,.css-formal-syntax) .token.number,:is(.code-example,.css-formal-syntax) .token.constant,:is(.code-example,.css-formal-syntax) .token.symbol,:is(.code-example,.css-formal-syntax) .token.deleted {\n --csstools-light-dark-toggle-360cf513-5: var(--csstools-color-scheme--light) #00d061;\n color: var(--csstools-light-dark-toggle-360cf513-5, #007936);\n color: light-dark(#007936, #00d061);\n }:is(.code-example,.css-formal-syntax) .token.selector,:is(.code-example,.css-formal-syntax) .token.builtin,:is(.code-example,.css-formal-syntax) .token.template-string > .token.string,:is(.code-example,.css-formal-syntax) .token.inserted {\n --csstools-light-dark-toggle-360cf513-6: var(--csstools-color-scheme--light) #bea5ff;\n color: var(--csstools-light-dark-toggle-360cf513-6, #872bff);\n color: light-dark(#872bff, #bea5ff);\n }:is(.code-example,.css-formal-syntax) .token.important,:is(.code-example,.css-formal-syntax) .token.bold {\n font-weight: bold;\n }:is(.code-example,.css-formal-syntax) .token.italic {\n font-style: italic;\n }:is(.code-example,.css-formal-syntax) .token.entity {\n cursor: help;\n }\n","@import url(\"../code-example/common.css\");\n@import url(\"../prev-next/index.css\");\n@import url(\"../notecard/index.css\");\n@import url(\"../code-example/prism.css\");\n\n.content-section {\n line-height: var(--font-line-content);\n}\n\n.content-section :target {\n scroll-margin-top: var(--sticky-header-height);\n }\n\n.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6 {\n margin: 1rem 0 0;\n font-weight: var(--font-weight-normal);\n }\n\n.content-section h1 {\n margin-top: 0;\n font-size: var(--font-size-largest);\n }\n\n.content-section h2 {\n font-size: var(--font-size-larger);\n }\n\n.content-section h3 {\n font-size: var(--font-size-large);\n }\n\n.content-section h4 {\n font-size: var(--font-size-normal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n.content-section h5,.content-section h6 {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n }\n\n:is(.content-section a):visited {\n color: var(--color-link-visited);\n }\n\n/* Regular links */\n\n:is(.content-section a):not([href^=\"#\"]) {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n:is(.content-section a):not([href^=\"#\"]):hover {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n/* Anchor links */\n\n[href^=\"#\"]:is(.content-section a) {\n -webkit-text-decoration: none;\n text-decoration: none;\n }\n\n[href^=\"#\"]:is(.content-section a):hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n }\n\n.content-section blockquote {\n margin-inline: 0;\n color: var(--color-text-secondary);\n border-inline-start: 0.25rem solid var(--color-border-primary);\n }\n\n:is(.content-section blockquote) > p {\n padding: 1rem 2rem;\n }\n\n.content-section pre,.content-section code {\n font-family: var(--font-family-code);\n white-space: pre-wrap;\n background-color: var(--color-background-secondary);\n }\n\n.content-section pre:not(.code-example pre) {\n padding: 1rem;\n\n overflow: auto;\n\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) {\n margin-bottom: 0;\n\n text-wrap: wrap;\n\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n.css-formal-syntax:is(.content-section pre:not(.code-example pre)) ~ footer {\n padding: 0.5rem 1rem;\n margin-bottom: 1rem;\n\n border: 1px solid var(--color-border-primary);\n border-top: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n.content-section code {\n padding: 0.125em 0.25em;\n border-radius: 0.25em;\n }\n\n.content-section img {\n display: block;\n\n margin: 2rem auto;\n\n background-color: var(--color-background-secondary);\n border: 1px solid var(--color-border-primary);\n border-radius: 0.25rem;\n }\n\n.content-section table {\n width: 100%;\n border-collapse: collapse;\n }\n\n:is(.content-section table) tr {\n background-color: var(--color-background-primary);\n }\n\n:is(.content-section table) thead tr,:is(.content-section table) tr:nth-of-type(2n) {\n background-color: var(--color-background-page);\n }\n\n:is(.content-section table) th,:is(.content-section table) td {\n padding: 0.5rem 0.75rem;\n border: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section table) th {\n font-weight: var(--font-weight-normal);\n text-align: left;\n }\n\n.properties:is(.content-section table) th,.properties:is(.content-section table) td {\n border-width: 1px 0;\n }\n\n.properties:is(.content-section table) th {\n font-weight: var(--font-weight-bold);\n background-color: transparent;\n }\n\n.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result {\n margin: 1rem 0;\n }\n\n:is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) + :is(.content-section .code-example,.content-section mdn-code-example,.content-section mdn-live-sample-result) {\n margin-top: 1.5rem;\n }\n\n.content-section interactive-example {\n display: block;\n height: 375px;\n margin: 1rem 0;\n }\n\n[name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 444px;\n }\n\n[height=\"shorter\"]:is(.content-section interactive-example) {\n height: 364px;\n }\n\n[height=\"taller\"]:is(.content-section interactive-example) {\n height: 654px;\n }\n\n[height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 351px;\n margin-top: 1.5rem;\n }\n\n[height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 421px;\n }\n\n[height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 631px;\n }\n\n@media (width <= 992px) {\n\n.content-section interactive-example {\n height: 675px;\n }\n\n [name^=\"JavaScript Demo:\" i]:is(.content-section interactive-example) {\n height: 513px;\n }\n\n [height=\"shorter\"]:is(.content-section interactive-example) {\n height: 433px;\n }\n\n [height=\"taller\"]:is(.content-section interactive-example) {\n height: 725px;\n }\n\n [height=\"tabbed-shorter\"]:is(.content-section interactive-example) {\n height: 487px;\n }\n\n [height=\"tabbed-standard\"]:is(.content-section interactive-example) {\n height: 548px;\n }\n\n [height=\"tabbed-taller\"]:is(.content-section interactive-example) {\n height: 774px;\n }\n }\n\n/* Definition list */\n\n:is(.content-section dl) dl {\n padding-left: 1rem;\n border-left: 1px solid var(--color-border-primary);\n }\n\n:is(.content-section dl) dd {\n margin-left: 1rem;\n\n /* Move description closer to term. */\n }\n\n:is(:is(.content-section dl) dd) p:first-child {\n margin-top: 0.5rem;\n }\n\n:is(.content-section dl) ul {\n margin: 1rem 0 2rem;\n }\n\n:is(.content-section dl) a[href^=\"#\"] {\n color: inherit;\n }\n\n:is(:is(.content-section dl) a[href^=\"#\"]):hover::before {\n position: absolute;\n\n margin-top: 0.3em;\n margin-left: -0.9em;\n\n font-size: var(--font-size-small);\n\n color: var(--color-text-secondary);\n\n content: \"#\";\n }\n\n:is(.content-section ul.specifications-list) li:has(details) {\n margin-left: -1.25rem;\n list-style: none;\n }\n\n:is(.content-section ul.specifications-list) details {\n width: 100%;\n }\n\n[open]:is(:is(.content-section ul.specifications-list) details) > summary {\n margin-bottom: 0.5rem;\n }\n\n:is([open]:is(:is(.content-section ul.specifications-list) details) > summary)::before {\n transform: rotate(90deg);\n }\n\n:is(:is(.content-section ul.specifications-list) details) summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary)::before {\n display: inline-block;\n\n flex-shrink: 0;\n\n width: 1rem;\n height: 1rem;\n\n margin: 0.125rem;\n\n content: \"\";\n\n background-color: currentcolor;\n\n -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n mask-image: url(\"../icon/chevron-right.svg\");\n -webkit-mask-size: cover;\n mask-size: cover;\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover {\n background-color: var(--color-background-secondary);\n }\n\n:is(:is(:is(.content-section ul.specifications-list) details) summary):hover:has(a:hover) {\n /* Don't highlight, as link click doesn't toggle. */\n background-color: unset;\n }\n\n/* Article footer */\n\n.content-section.article-footer {\n margin: 2rem 0;\n }\n"],"names":[],"mappings":"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"}
|
package/out/static/client/{styles-global.4640cc3400ce02f4.js → styles-global.57880af9e7d6375b.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const __webpack_id__="4016";export const __webpack_ids__=["4016"];export const __webpack_modules__={21440:function(){},2283:function(){},99537:function(){},41100:function(){},89564:function(){},1314:function(){},53645:function(){},63874:function(){},94420:function(){},28614:function(){},12206:function(){},13141:function(){},26896:function(){},90998:function(){},27313:function(){},14132:function(){},14281:function(){},69767:function(){},41645:function(){},52213:function(){},10717:function(){}};import n from"./styles.42b0721850a6a7e4.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.
|
|
1
|
+
export const __webpack_id__="4016";export const __webpack_ids__=["4016"];export const __webpack_modules__={21440:function(){},2283:function(){},99537:function(){},41100:function(){},89564:function(){},1314:function(){},53645:function(){},63874:function(){},94420:function(){},28614:function(){},12206:function(){},13141:function(){},26896:function(){},90998:function(){},27313:function(){},14132:function(){},14281:function(){},69767:function(){},41645:function(){},52213:function(){},10717:function(){}};import n from"./styles.42b0721850a6a7e4.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.57880af9e7d6375b.js";n.C(t),o(21440),o(2283),o(99537),o(89564),o(41100),o(1314),o(53645),o(63874),o(94420),o(28614),o(12206),o(13141),o(26896),o(90998),o(27313),o(14132),o(14281),o(69767),o(41645),o(52213),o(10717);
|