Skip to content

Commit bb370f7

Browse files
romainmenkeromainmenke
authored
map web-features (#388)
* map web-features * update
1 parent e3db5d3 commit bb370f7

File tree

8 files changed

+353
-248
lines changed

8 files changed

+353
-248
lines changed

‎cssdb.json‎

Lines changed: 42 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -167,7 +167,8 @@
167167
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-cascade-layers"
168168
}
169169
],
170-
"vendors_implementations": 3
170+
"vendors_implementations": 3,
171+
"web-feature": "cascade-layers"
171172
},
172173
{
173174
"id": "case-insensitive-attributes",
@@ -297,7 +298,8 @@
297298
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function"
298299
}
299300
],
300-
"vendors_implementations": 3
301+
"vendors_implementations": 3,
302+
"web-feature": "color-function"
301303
},
302304
{
303305
"id": "color-functional-notation",
@@ -362,7 +364,8 @@
362364
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function"
363365
}
364366
],
365-
"vendors_implementations": 3
367+
"vendors_implementations": 3,
368+
"web-feature": "color-mix"
366369
},
367370
{
368371
"id": "color-mod-function",
@@ -400,7 +403,7 @@
400403
"samsung": "20.0"
401404
},
402405
"docs": {
403-
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries"
406+
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries"
404407
},
405408
"example": ".container {\n contain: layout inline-size;\n}\n\n@container (min-width: 700px) {\n .container {\n /* styles applied when a container is at least 700px */\n }\n}",
406409
"interoperable_at": 1676332800,
@@ -410,7 +413,8 @@
410413
"link": "https://www.npmjs.com/package/container-query-polyfill"
411414
}
412415
],
413-
"vendors_implementations": 3
416+
"vendors_implementations": 3,
417+
"web-feature": "container-queries"
414418
},
415419
{
416420
"id": "custom-media-queries",
@@ -459,7 +463,8 @@
459463
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-properties"
460464
}
461465
],
462-
"vendors_implementations": 3
466+
"vendors_implementations": 3,
467+
"web-feature": "custom-properties"
463468
},
464469
{
465470
"id": "custom-property-sets",
@@ -724,7 +729,8 @@
724729
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-focus-visible"
725730
}
726731
],
727-
"vendors_implementations": 3
732+
"vendors_implementations": 3,
733+
"web-feature": "focus-visible"
728734
},
729735
{
730736
"id": "focus-within-pseudo-class",
@@ -984,7 +990,8 @@
984990
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo"
985991
}
986992
],
987-
"vendors_implementations": 3
993+
"vendors_implementations": 3,
994+
"web-feature": "has"
988995
},
989996
{
990997
"id": "hexadecimal-alpha-notation",
@@ -1082,7 +1089,8 @@
10821089
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-ic-unit"
10831090
}
10841091
],
1085-
"vendors_implementations": 3
1092+
"vendors_implementations": 3,
1093+
"web-feature": "ic"
10861094
},
10871095
{
10881096
"id": "image-set-function",
@@ -1175,7 +1183,8 @@
11751183
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-is-pseudo-class"
11761184
}
11771185
],
1178-
"vendors_implementations": 3
1186+
"vendors_implementations": 3,
1187+
"web-feature": "is"
11791188
},
11801189
{
11811190
"id": "lab-function",
@@ -1206,7 +1215,8 @@
12061215
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function"
12071216
}
12081217
],
1209-
"vendors_implementations": 3
1218+
"vendors_implementations": 3,
1219+
"web-feature": "lab"
12101220
},
12111221
{
12121222
"id": "lch-function",
@@ -1237,7 +1247,8 @@
12371247
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function"
12381248
}
12391249
],
1240-
"vendors_implementations": 3
1250+
"vendors_implementations": 3,
1251+
"web-feature": "lab"
12411252
},
12421253
{
12431254
"id": "light-dark-function",
@@ -1414,40 +1425,27 @@
14141425
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-viewport-units"
14151426
}
14161427
],
1417-
"vendors_implementations": 3
1428+
"vendors_implementations": 3,
1429+
"web-feature": "viewport-relative-unit-variants"
14181430
},
14191431
{
14201432
"id": "matches-pseudo-class",
14211433
"title": "`:matches()` Matches-Any Pseudo-Class",
14221434
"description": "A pseudo-class for matching elements in a selector list",
14231435
"specification": "https://www.w3.org/TR/selectors-4/#selectordef-matches",
14241436
"stage": -1,
1425-
"browser_support": {
1426-
"and_chr": "88",
1427-
"and_ff": "82",
1428-
"android": "88",
1429-
"chrome": "88",
1430-
"edge": "88",
1431-
"firefox": "82",
1432-
"ios_saf": "14",
1433-
"oculus": "14.0",
1434-
"op_mob": "63",
1435-
"opera": "74",
1436-
"safari": "14",
1437-
"samsung": "15.0"
1438-
},
1437+
"browser_support": {},
14391438
"docs": {
14401439
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is"
14411440
},
14421441
"example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}",
1443-
"interoperable_at": 1611187200,
14441442
"polyfills": [
14451443
{
14461444
"type": "PostCSS Plugin",
14471445
"link": "https://github.com/postcss/postcss-selector-matches"
14481446
}
14491447
],
1450-
"vendors_implementations": 3
1448+
"vendors_implementations": 0
14511449
},
14521450
{
14531451
"id": "media-queries-aspect-ratio-number-values",
@@ -1509,7 +1507,8 @@
15091507
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-media-minmax"
15101508
}
15111509
],
1512-
"vendors_implementations": 3
1510+
"vendors_implementations": 3,
1511+
"web-feature": "media-query-range-syntax"
15131512
},
15141513
{
15151514
"id": "nested-calc",
@@ -1573,7 +1572,8 @@
15731572
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting"
15741573
}
15751574
],
1576-
"vendors_implementations": 3
1575+
"vendors_implementations": 3,
1576+
"web-feature": "nesting"
15771577
},
15781578
{
15791579
"id": "not-pseudo-class",
@@ -1636,7 +1636,8 @@
16361636
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-oklab-function"
16371637
}
16381638
],
1639-
"vendors_implementations": 3
1639+
"vendors_implementations": 3,
1640+
"web-feature": "oklab"
16401641
},
16411642
{
16421643
"id": "opacity-percentage",
@@ -1885,7 +1886,8 @@
18851886
},
18861887
"example": "input:read-only {\n background-color: #ccc;\n}",
18871888
"interoperable_at": 1593475200,
1888-
"vendors_implementations": 3
1889+
"vendors_implementations": 3,
1890+
"web-feature": "read-write-pseudos"
18891891
},
18901892
{
18911893
"id": "rebeccapurple-color",
@@ -1928,15 +1930,18 @@
19281930
"specification": "https://www.w3.org/TR/css-color-5/#relative-colors",
19291931
"stage": 2,
19301932
"browser_support": {},
1931-
"docs": {},
1933+
"docs": {
1934+
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors"
1935+
},
19321936
"example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}",
19331937
"polyfills": [
19341938
{
19351939
"type": "PostCSS Plugin",
19361940
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-relative-color-syntax"
19371941
}
19381942
],
1939-
"vendors_implementations": 0
1943+
"vendors_implementations": 0,
1944+
"web-feature": "relative-color"
19401945
},
19411946
{
19421947
"id": "scope-pseudo-class",
@@ -2192,6 +2197,7 @@
21922197
},
21932198
"example": "a:where(:not(:hover)) {\n text-decoration: none;\n}",
21942199
"interoperable_at": 1611187200,
2195-
"vendors_implementations": 3
2200+
"vendors_implementations": 3,
2201+
"web-feature": "where"
21962202
}
21972203
]

0 commit comments

Comments
 (0)