summaryrefslogtreecommitdiffstats
path: root/devtools/shared/css
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/shared/css')
-rw-r--r--devtools/shared/css/color-db.js329
-rw-r--r--devtools/shared/css/color.js1539
-rw-r--r--devtools/shared/css/constants.js38
-rw-r--r--devtools/shared/css/generated/generate-properties-db.js73
-rw-r--r--devtools/shared/css/generated/mach_commands.py121
-rw-r--r--devtools/shared/css/generated/moz.build9
-rw-r--r--devtools/shared/css/generated/properties-db.js12235
-rw-r--r--devtools/shared/css/generated/properties-db.js.in27
-rw-r--r--devtools/shared/css/lexer.js1522
-rw-r--r--devtools/shared/css/moz.build18
-rw-r--r--devtools/shared/css/parsing-utils.js736
-rw-r--r--devtools/shared/css/properties-db.js53
12 files changed, 16700 insertions, 0 deletions
diff --git a/devtools/shared/css/color-db.js b/devtools/shared/css/color-db.js
new file mode 100644
index 0000000000..228be0bebb
--- /dev/null
+++ b/devtools/shared/css/color-db.js
@@ -0,0 +1,329 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// /!\ Auto-generated from nsColorNameList.h.
+// This should be kept in sync with that list.
+// test_cssColorDatabase.js tries to enforce this.
+
+const cssColors = {
+ aliceblue: [240, 248, 255, 1],
+ antiquewhite: [250, 235, 215, 1],
+ aqua: [0, 255, 255, 1],
+ aquamarine: [127, 255, 212, 1],
+ azure: [240, 255, 255, 1],
+ beige: [245, 245, 220, 1],
+ bisque: [255, 228, 196, 1],
+ black: [0, 0, 0, 1],
+ blanchedalmond: [255, 235, 205, 1],
+ blue: [0, 0, 255, 1],
+ blueviolet: [138, 43, 226, 1],
+ brown: [165, 42, 42, 1],
+ burlywood: [222, 184, 135, 1],
+ cadetblue: [95, 158, 160, 1],
+ chartreuse: [127, 255, 0, 1],
+ chocolate: [210, 105, 30, 1],
+ coral: [255, 127, 80, 1],
+ cornflowerblue: [100, 149, 237, 1],
+ cornsilk: [255, 248, 220, 1],
+ crimson: [220, 20, 60, 1],
+ cyan: [0, 255, 255, 1],
+ darkblue: [0, 0, 139, 1],
+ darkcyan: [0, 139, 139, 1],
+ darkgoldenrod: [184, 134, 11, 1],
+ darkgray: [169, 169, 169, 1],
+ darkgreen: [0, 100, 0, 1],
+ darkgrey: [169, 169, 169, 1],
+ darkkhaki: [189, 183, 107, 1],
+ darkmagenta: [139, 0, 139, 1],
+ darkolivegreen: [85, 107, 47, 1],
+ darkorange: [255, 140, 0, 1],
+ darkorchid: [153, 50, 204, 1],
+ darkred: [139, 0, 0, 1],
+ darksalmon: [233, 150, 122, 1],
+ darkseagreen: [143, 188, 143, 1],
+ darkslateblue: [72, 61, 139, 1],
+ darkslategray: [47, 79, 79, 1],
+ darkslategrey: [47, 79, 79, 1],
+ darkturquoise: [0, 206, 209, 1],
+ darkviolet: [148, 0, 211, 1],
+ deeppink: [255, 20, 147, 1],
+ deepskyblue: [0, 191, 255, 1],
+ dimgray: [105, 105, 105, 1],
+ dimgrey: [105, 105, 105, 1],
+ dodgerblue: [30, 144, 255, 1],
+ firebrick: [178, 34, 34, 1],
+ floralwhite: [255, 250, 240, 1],
+ forestgreen: [34, 139, 34, 1],
+ fuchsia: [255, 0, 255, 1],
+ gainsboro: [220, 220, 220, 1],
+ ghostwhite: [248, 248, 255, 1],
+ gold: [255, 215, 0, 1],
+ goldenrod: [218, 165, 32, 1],
+ gray: [128, 128, 128, 1],
+ grey: [128, 128, 128, 1],
+ green: [0, 128, 0, 1],
+ greenyellow: [173, 255, 47, 1],
+ honeydew: [240, 255, 240, 1],
+ hotpink: [255, 105, 180, 1],
+ indianred: [205, 92, 92, 1],
+ indigo: [75, 0, 130, 1],
+ ivory: [255, 255, 240, 1],
+ khaki: [240, 230, 140, 1],
+ lavender: [230, 230, 250, 1],
+ lavenderblush: [255, 240, 245, 1],
+ lawngreen: [124, 252, 0, 1],
+ lemonchiffon: [255, 250, 205, 1],
+ lightblue: [173, 216, 230, 1],
+ lightcoral: [240, 128, 128, 1],
+ lightcyan: [224, 255, 255, 1],
+ lightgoldenrodyellow: [250, 250, 210, 1],
+ lightgray: [211, 211, 211, 1],
+ lightgreen: [144, 238, 144, 1],
+ lightgrey: [211, 211, 211, 1],
+ lightpink: [255, 182, 193, 1],
+ lightsalmon: [255, 160, 122, 1],
+ lightseagreen: [32, 178, 170, 1],
+ lightskyblue: [135, 206, 250, 1],
+ lightslategray: [119, 136, 153, 1],
+ lightslategrey: [119, 136, 153, 1],
+ lightsteelblue: [176, 196, 222, 1],
+ lightyellow: [255, 255, 224, 1],
+ lime: [0, 255, 0, 1],
+ limegreen: [50, 205, 50, 1],
+ linen: [250, 240, 230, 1],
+ magenta: [255, 0, 255, 1],
+ maroon: [128, 0, 0, 1],
+ mediumaquamarine: [102, 205, 170, 1],
+ mediumblue: [0, 0, 205, 1],
+ mediumorchid: [186, 85, 211, 1],
+ mediumpurple: [147, 112, 219, 1],
+ mediumseagreen: [60, 179, 113, 1],
+ mediumslateblue: [123, 104, 238, 1],
+ mediumspringgreen: [0, 250, 154, 1],
+ mediumturquoise: [72, 209, 204, 1],
+ mediumvioletred: [199, 21, 133, 1],
+ midnightblue: [25, 25, 112, 1],
+ mintcream: [245, 255, 250, 1],
+ mistyrose: [255, 228, 225, 1],
+ moccasin: [255, 228, 181, 1],
+ navajowhite: [255, 222, 173, 1],
+ navy: [0, 0, 128, 1],
+ oldlace: [253, 245, 230, 1],
+ olive: [128, 128, 0, 1],
+ olivedrab: [107, 142, 35, 1],
+ orange: [255, 165, 0, 1],
+ orangered: [255, 69, 0, 1],
+ orchid: [218, 112, 214, 1],
+ palegoldenrod: [238, 232, 170, 1],
+ palegreen: [152, 251, 152, 1],
+ paleturquoise: [175, 238, 238, 1],
+ palevioletred: [219, 112, 147, 1],
+ papayawhip: [255, 239, 213, 1],
+ peachpuff: [255, 218, 185, 1],
+ peru: [205, 133, 63, 1],
+ pink: [255, 192, 203, 1],
+ plum: [221, 160, 221, 1],
+ powderblue: [176, 224, 230, 1],
+ purple: [128, 0, 128, 1],
+ rebeccapurple: [102, 51, 153, 1],
+ red: [255, 0, 0, 1],
+ rosybrown: [188, 143, 143, 1],
+ royalblue: [65, 105, 225, 1],
+ saddlebrown: [139, 69, 19, 1],
+ salmon: [250, 128, 114, 1],
+ sandybrown: [244, 164, 96, 1],
+ seagreen: [46, 139, 87, 1],
+ seashell: [255, 245, 238, 1],
+ sienna: [160, 82, 45, 1],
+ silver: [192, 192, 192, 1],
+ skyblue: [135, 206, 235, 1],
+ slateblue: [106, 90, 205, 1],
+ slategray: [112, 128, 144, 1],
+ slategrey: [112, 128, 144, 1],
+ snow: [255, 250, 250, 1],
+ springgreen: [0, 255, 127, 1],
+ steelblue: [70, 130, 180, 1],
+ tan: [210, 180, 140, 1],
+ teal: [0, 128, 128, 1],
+ thistle: [216, 191, 216, 1],
+ tomato: [255, 99, 71, 1],
+ turquoise: [64, 224, 208, 1],
+ violet: [238, 130, 238, 1],
+ wheat: [245, 222, 179, 1],
+ white: [255, 255, 255, 1],
+ whitesmoke: [245, 245, 245, 1],
+ yellow: [255, 255, 0, 1],
+ yellowgreen: [154, 205, 50, 1],
+};
+
+// Lab values generated using formula from http://www.easyrgb.com/en/math.php.
+// X_10, Y_10, Z_10 (CIE 1964) reference values for D65 illuminant
+// (Daylight, sRGB, Adobe-RGB) were used.
+const labColors = {
+ aliceblue: [97.17890760827636, -0.9397756746095665, -5.246475627032843],
+ antiquewhite: [93.73077088204487, 2.236373679139203, 10.649604819299775],
+ aqua: [91.11652110946342, -47.73670577664391, -15.108617112376965],
+ aquamarine: [92.03615371984776, -45.172410289053445, 8.849868350925295],
+ azure: [98.93278063011066, -4.468521315692032, -2.6738855376031267],
+ beige: [95.9488798865349, -3.7925176714859177, 11.156542330042662],
+ bisque: [92.0124490871158, 4.82408891282099, 18.18700912515505],
+ black: [0, 0, 0],
+ blanchedalmond: [93.91948969581235, 2.528359387620638, 16.175210959201024],
+ blue: [32.302586667249486, 79.43492388715862, -108.79669359538693],
+ blueviolet: [42.18810476642369, 70.12395877232036, -75.62885995423268],
+ brown: [37.521829744034335, 49.932241625757406, 30.23890786161597],
+ burlywood: [77.01689872654846, 7.390609044482909, 29.376190715516536],
+ cadetblue: [61.15461539950293, -19.415767005661277, -8.112231649104906],
+ chartreuse: [89.87420853068858, -67.74722658691745, 85.31006761317337],
+ chocolate: [55.98605299432204, 37.34619405020917, 56.41475927486582],
+ coral: [67.29048083264607, 45.696749904176436, 47.02073461855407],
+ cornflowerblue: [61.92818670495679, 9.628987440020332, -50.20264083555141],
+ cornsilk: [97.45526614880224, -1.8103271448461355, 13.39924085969022],
+ crimson: [47.02980511087301, 71.21981659922766, 33.22842672949625],
+ cyan: [91.11652110946342, -47.73670577664391, -15.108617112376965],
+ darkblue: [14.757156815274186, 50.58098497783475, -69.27738650827831],
+ darkcyan: [52.207519815998296, -30.3968264791159, -9.620563573304297],
+ darkgoldenrod: [59.2185428516686, 10.142719410772493, 62.4074048759456],
+ darkgray: [69.23779560557699, 0.30845909288851336, -0.725035226776094],
+ darkgreen: [36.20351872497333, -43.22004822584333, 41.62418791981264],
+ darkgrey: [69.23779560557699, 0.30845909288851336, -0.725035226776094],
+ darkkhaki: [73.38127833356914, -8.475096082350364, 38.72716132653318],
+ darkmagenta: [32.59748369188066, 62.78988696261057, -39.34048012552456],
+ darkolivegreen: [42.2340254244788, -18.63594475603103, 30.256085481863913],
+ darkorange: [69.48104411888188, 37.16688167941806, 75.14386507030734],
+ darkorchid: [43.37926695780136, 65.43267508264566, -60.90252187934995],
+ darkred: [28.084732284208997, 51.2102293904998, 41.189776600752445],
+ darksalmon: [69.85346453844176, 28.509213259811705, 27.1173578088314],
+ darkseagreen: [72.08740631745533, -23.522932623842696, 17.379064372791554],
+ darkslateblue: [30.829287209616794, 26.247343305352388, -42.688380574102695],
+ darkslategray: [31.25607829935253, -11.558209436609623, -4.143133638795559],
+ darkslategrey: [31.25607829935253, -11.558209436609623, -4.143133638795559],
+ darkturquoise: [75.29307531314078, -39.74330458218445, -14.353628151972542],
+ darkviolet: [39.57886745488795, 76.59826422688023, -71.18960396554851],
+ deeppink: [55.95428053659428, 84.8834888580915, -6.348160442712891],
+ deepskyblue: [72.54923231908798, -17.34624248545108, -43.501223759829614],
+ dimgray: [44.41356014781601, 0.21862498706087807, -0.513879541005613],
+ dimgrey: [44.41356014781601, 0.21862498706087807, -0.513879541005613],
+ dodgerblue: [59.381725677880596, 10.24722110279519, -64.33873493803226],
+ firebrick: [39.11257274771978, 56.17110340915579, 37.36856201227712],
+ floralwhite: [98.40143252802201, 0.37693631302881947, 4.4296183363891295],
+ forestgreen: [50.59443111773345, -49.389501730047996, 44.675247183324544],
+ fuchsia: [60.319933664076004, 98.60839787805526, -61.78226947982015],
+ gainsboro: [87.76088811005116, 0.3754905813360132, -0.8825932030137817],
+ ghostwhite: [97.7572735023453, 1.6602117625886814, -4.329673676949475],
+ gold: [86.9285847161576, -1.5580031594539245, 86.69625851871493],
+ goldenrod: [70.81571317667877, 8.842268163696321, 68.36969220318736],
+ gray: [53.585013452169036, 0.2518147023348183, -0.5918921958278478],
+ grey: [53.585013452169036, 0.2518147023348183, -0.5918921958278478],
+ green: [46.22881784262658, -51.520138371609654, 49.61780491379323],
+ greenyellow: [91.95763180408608, -52.141510237787294, 81.35705222692138],
+ honeydew: [98.56580137512647, -7.15743440652189, 4.528336799358468],
+ hotpink: [65.48186958181394, 64.59515848582348, -11.397593830097975],
+ indianred: [53.3911485087161, 45.12118404819798, 21.633935524110235],
+ indigo: [20.46961954096429, 51.86802044661362, -53.88700686969674],
+ ivory: [99.63977381109996, -2.1358046127358254, 6.214520241062194],
+ khaki: [90.32729582034386, -8.636557330944761, 44.29884008040395],
+ lavender: [91.82769059829121, 4.102249854337825, -10.62634890559453],
+ lavenderblush: [96.06837944039779, 6.29813340018881, -1.5503003307978824],
+ lawngreen: [88.87798766318886, -67.54051106102659, 84.48686421833247],
+ lemonchiffon: [97.6476983766357, -5.022220605824412, 21.377483194761602],
+ lightblue: [83.81410256512628, -10.538570949192195, -12.381398199756767],
+ lightcoral: [66.15316216626996, 43.146382854120255, 18.95210780303691],
+ lightcyan: [97.86814756512815, -9.540634546450377, -4.3595592568243635],
+ lightgoldenrodyellow: [
+ 97.36879732328356,
+ -6.078213524913445,
+ 18.368452638973686,
+ ],
+ lightgray: [84.5561167363605, 0.36389313370355225, -0.8553333223096704],
+ lightgreen: [86.54957590580997, -45.99957827642365, 36.262226875570526],
+ lightgrey: [84.5561167363605, 0.36389313370355225, -0.8553333223096704],
+ lightpink: [81.05253594361857, 28.338879720153866, 4.233248736979411],
+ lightsalmon: [74.70287844017, 31.832905786707443, 33.947175894873574],
+ lightseagreen: [65.78768757989991, -37.24749389368925, -7.0553625579029555],
+ lightskyblue: [79.72503275959482, -10.490259345458607, -29.455091101479304],
+ lightslategray: [
+ 55.917349372007195,
+ -1.9881568917105574,
+ -11.774175139854615,
+ ],
+ lightslategrey: [
+ 55.917349372007195,
+ -1.9881568917105574,
+ -11.774175139854615,
+ ],
+ lightsteelblue: [78.45233742822654, -0.9392458669100212, -16.08913657631925],
+ lightyellow: [99.28483637693047, -4.695918870143368, 13.930783736002962],
+ lime: [87.73703347354422, -85.88539046866318, 82.71415186197115],
+ limegreen: [72.60854102811317, -66.86592102874306, 60.99160141799125],
+ linen: [95.31120096478845, 2.0811899572744097, 5.104906068897774],
+ magenta: [60.319933664076004, 98.60839787805526, -61.78226947982015],
+ maroon: [25.530784572416174, 48.24348236957932, 37.97194526317749],
+ mediumaquamarine: [75.6931293906138, -38.036553589818666, 7.571354765719218],
+ mediumblue: [24.97615723043893, 67.38641044652589, -92.29465191227868],
+ mediumorchid: [53.64213313573549, 59.370412003217574, -48.23242669563843],
+ mediumpurple: [54.97523587308039, 37.09186250486124, -50.94130373794006],
+ mediumseagreen: [65.27341001550978, -47.96643007935963, 23.721501577817094],
+ mediumslateblue: [52.15750471109439, 41.35727328020744, -66.29828530971085],
+ mediumspringgreen: [87.3411479783456, -70.37364235921007, 31.74790377903216],
+ mediumturquoise: [76.8834686242291, -37.053452849746925, -9.183510559800713],
+ mediumvioletred: [44.76162545138306, 71.28274660137451, -15.767834030225348],
+ midnightblue: [15.859552026439893, 31.860128204191234, -50.08845915164022],
+ mintcream: [99.15659662605985, -3.7499332041522893, 0.27328356915989893],
+ mistyrose: [92.65558901260384, 9.147609792762356, 3.9347415624175097],
+ moccasin: [91.72208952705464, 2.8291906794328248, 25.573953055107125],
+ navajowhite: [90.10007935356519, 4.895862633988224, 27.509525419099212],
+ navy: [12.975311577716514, 47.65069178672376, -65.26396023609063],
+ oldlace: [96.77967120416257, 0.5784959274544033, 7.247216630469544],
+ olive: [51.86833136334822, -12.698958090622824, 56.38276716821539],
+ olivedrab: [54.650773976467136, -27.99433891007591, 49.33893945670905],
+ orange: [74.93219484533535, 24.28083176103374, 78.57643571179258],
+ orangered: [57.57499421872107, 68.11461778155586, 68.68889341848478],
+ orchid: [62.8009876658991, 55.621167174625064, -35.24868649820956],
+ palegoldenrod: [91.14038954621267, -6.970467434592564, 30.213907174487264],
+ palegreen: [90.75103714758299, -47.95503269332063, 37.81303534889619],
+ paleturquoise: [90.06142407788806, -19.270453187271997, -7.332269935129032],
+ palevioletred: [60.564787867661266, 45.838854731426515, -0.25065577032372666],
+ papayawhip: [95.07544110280504, 1.6725420650229306, 13.652324626448543],
+ peachpuff: [89.34875285782702, 8.471965039192453, 20.229897875280955],
+ peru: [61.751663684265665, 21.6941378210313, 47.496113355477334],
+ pink: [83.58479885775868, 24.525540181552508, 2.4934778968259685],
+ plum: [73.37274280928348, 32.885443900333215, -22.856650741159747],
+ powderblue: [86.13359115282357, -13.734412712450183, -8.914802708654769],
+ purple: [29.782100092098077, 59.15229907621816, -37.06137976602428],
+ rebeccapurple: [32.90243720302775, 43.10251060523782, -47.79866704780537],
+ red: [53.23288178584245, 80.42312097443104, 66.96552840294578],
+ osybrown: [63.6060381979233, 17.31557480446677, 5.964013673186241],
+ royalblue: [47.83284750656463, 26.523923842683427, -66.12638984604963],
+ saddlebrown: [37.46692024400534, 26.659518429642898, 40.73548402580912],
+ salmon: [67.25995258561211, 45.569072753010865, 28.527978009408052],
+ sandybrown: [73.95154071958171, 23.37100127546693, 46.25858205082345],
+ seagreen: [51.53535112854968, -39.50584886698982, 19.578964107165852],
+ seashell: [97.12111642889012, 2.5730542225586572, 3.614216901880374],
+ sienna: [43.796139581025685, 29.564844221078523, 35.307185975723435],
+ silver: [77.7043635899527, 0.339097964550894, -0.7970521060836511],
+ skyblue: [79.20897459092869, -14.504258485788124, -22.18979862749155],
+ slateblue: [45.33730589003685, 36.29854743329886, -58.578448229379696],
+ slategray: [52.83625796271889, -1.894387969799849, -11.208348578862527],
+ slategrey: [52.83625796271889, -1.894387969799849, -11.208348578862527],
+ snow: [98.64376394836441, 2.073027231003055, -0.3849225040892579],
+ springgreen: [88.47265520282772, -76.59140183507563, 46.37560569696295],
+ steelblue: [52.46747241512048, -3.828873386915843, -32.93153861676517],
+ tan: [74.97454643298407, 5.353040309039603, 23.775061853275446],
+ teal: [48.25607381337552, -28.635856151982775, -9.063218319038114],
+ thistle: [80.07734471203901, 13.57781031097305, -10.092571203748268],
+ tomato: [62.20136881808274, 58.18874059980511, 45.985101486056514],
+ turquoise: [81.26705459794431, -43.765218870671475, -4.872758326234994],
+ violet: [69.69362286537107, 56.72140058020769, -37.7245806568902],
+ wheat: [89.35068099788126, 1.8921211283112749, 23.23051272657026],
+ white: [100, 0.41978155958710683, -0.9866994530830286],
+ whitesmoke: [96.53748961423615, 0.40725140432995577, -0.9572472366698781],
+ yellow: [97.13824698129729, -21.169488449187533, 93.99151723968109],
+ yellowgreen: [76.5351984302265, -37.69097531845872, 66.13250570541341],
+};
+
+exports.cssColors = cssColors;
+exports.labColors = labColors;
diff --git a/devtools/shared/css/color.js b/devtools/shared/css/color.js
new file mode 100644
index 0000000000..25697b0a49
--- /dev/null
+++ b/devtools/shared/css/color.js
@@ -0,0 +1,1539 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+const { getCSSLexer } = require("resource://devtools/shared/css/lexer.js");
+const { cssColors } = require("resource://devtools/shared/css/color-db.js");
+
+loader.lazyRequireGetter(
+ this,
+ "CSS_ANGLEUNIT",
+ "resource://devtools/shared/css/constants.js",
+ true
+);
+loader.lazyRequireGetter(
+ this,
+ "getAngleValueInDegrees",
+ "resource://devtools/shared/css/parsing-utils.js",
+ true
+);
+
+const COLOR_UNIT_PREF = "devtools.defaultColorUnit";
+
+const SPECIALVALUES = new Set([
+ "currentcolor",
+ "initial",
+ "inherit",
+ "transparent",
+ "unset",
+]);
+
+/**
+ * This module is used to convert between various color types.
+ *
+ * Usage:
+ * let {colorUtils} = require("devtools/shared/css/color");
+ * let color = new colorUtils.CssColor("red");
+ * // In order to support css-color-4 color function, pass true to the
+ * // second argument.
+ * // e.g.
+ * // let color = new colorUtils.CssColor("red", true);
+ *
+ * color.authored === "red"
+ * color.hasAlpha === false
+ * color.valid === true
+ * color.transparent === false // transparent has a special status.
+ * color.name === "red" // returns hex when no name available.
+ * color.hex === "#f00" // returns shortHex when available else returns
+ * longHex. If alpha channel is present then we
+ * return this.alphaHex if available,
+ * or this.longAlphaHex if not.
+ * color.alphaHex === "#f00f" // returns short alpha hex when available
+ * else returns longAlphaHex.
+ * color.longHex === "#ff0000" // If alpha channel is present then we return
+ * this.longAlphaHex.
+ * color.longAlphaHex === "#ff0000ff"
+ * color.rgb === "rgb(255, 0, 0)" // If alpha channel is present
+ * // then we return this.rgba.
+ * color.rgba === "rgba(255, 0, 0, 1)"
+ * color.hsl === "hsl(0, 100%, 50%)"
+ * color.hsla === "hsla(0, 100%, 50%, 1)" // If alpha channel is present
+ * then we return this.rgba.
+ * color.hwb === "hwb(0, 0%, 0%)"
+ *
+ * color.toString() === "#f00"; // Outputs the color type determined in the
+ * COLOR_UNIT_PREF constant (above).
+ * // Color objects can be reused
+ * color.newColor("green") === "#0f0"; // true
+ *
+ * Valid values for COLOR_UNIT_PREF are contained in CssColor.COLORUNIT.
+ */
+
+function CssColor(colorValue, supportsCssColor4ColorFunction = false) {
+ this.newColor(colorValue);
+ this.cssColor4 = supportsCssColor4ColorFunction;
+}
+
+module.exports.colorUtils = {
+ CssColor,
+ rgbToHsl,
+ rgbToHwb,
+ rgbToLab,
+ setAlpha,
+ classifyColor,
+ rgbToColorName,
+ colorToRGBA,
+ isValidCSSColor,
+ calculateContrastRatio,
+ calculateDeltaE,
+ calculateLuminance,
+ blendColors,
+};
+
+/**
+ * Values used in COLOR_UNIT_PREF
+ */
+CssColor.COLORUNIT = {
+ authored: "authored",
+ hex: "hex",
+ name: "name",
+ rgb: "rgb",
+ hsl: "hsl",
+ hwb: "hwb",
+};
+
+CssColor.prototype = {
+ _colorUnit: null,
+ _colorUnitUppercase: false,
+
+ // The value as-authored.
+ authored: null,
+ // A lower-cased copy of |authored|.
+ lowerCased: null,
+
+ // Whether the value should be parsed using css-color-4 rules.
+ cssColor4: false,
+
+ _setColorUnitUppercase(color) {
+ // Specifically exclude the case where the color is
+ // case-insensitive. This makes it so that "#000" isn't
+ // considered "upper case" for the purposes of color cycling.
+ this._colorUnitUppercase =
+ color === color.toUpperCase() && color !== color.toLowerCase();
+ },
+
+ get colorUnit() {
+ if (this._colorUnit === null) {
+ const defaultUnit = Services.prefs.getCharPref(COLOR_UNIT_PREF);
+ this._colorUnit = CssColor.COLORUNIT[defaultUnit];
+ this._setColorUnitUppercase(this.authored);
+ }
+ return this._colorUnit;
+ },
+
+ set colorUnit(unit) {
+ this._colorUnit = unit;
+ },
+
+ /**
+ * If the current color unit pref is "authored", then set the
+ * default color unit from the given color. Otherwise, leave the
+ * color unit untouched.
+ *
+ * @param {String} color The color to use
+ */
+ setAuthoredUnitFromColor(color) {
+ if (
+ Services.prefs.getCharPref(COLOR_UNIT_PREF) ===
+ CssColor.COLORUNIT.authored
+ ) {
+ this._colorUnit = classifyColor(color);
+ this._setColorUnitUppercase(color);
+ }
+ },
+
+ get hasAlpha() {
+ if (!this.valid) {
+ return false;
+ }
+ return this.getRGBATuple().a !== 1;
+ },
+
+ get valid() {
+ return isValidCSSColor(this.authored, this.cssColor4);
+ },
+
+ /**
+ * Not a real color type but used to preserve accuracy when converting between
+ * e.g. 8 character hex -> rgba -> 8 character hex (hex alpha values are
+ * 0 - 255 but rgba alpha values are only 0.0 to 1.0).
+ */
+ get highResTuple() {
+ const type = classifyColor(this.authored);
+
+ if (type === CssColor.COLORUNIT.hex) {
+ return hexToRGBA(this.authored.substring(1), true);
+ }
+
+ // If we reach this point then the alpha value must be in the range
+ // 0.0 - 1.0 so we need to multiply it by 255.
+ const tuple = colorToRGBA(this.authored);
+ tuple.a *= 255;
+ return tuple;
+ },
+
+ /**
+ * Return true for all transparent values e.g. rgba(0, 0, 0, 0).
+ */
+ get transparent() {
+ try {
+ const tuple = this.getRGBATuple();
+ return !(tuple.r || tuple.g || tuple.b || tuple.a);
+ } catch (e) {
+ return false;
+ }
+ },
+
+ get specialValue() {
+ return SPECIALVALUES.has(this.lowerCased) ? this.authored : null;
+ },
+
+ get name() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+
+ const tuple = this.getRGBATuple();
+
+ if (tuple.a !== 1) {
+ return this.hex;
+ }
+ const { r, g, b } = tuple;
+ return rgbToColorName(r, g, b) || this.hex;
+ },
+
+ get hex() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.hasAlpha) {
+ return this.alphaHex;
+ }
+
+ let hex = this.longHex;
+ if (
+ hex.charAt(1) == hex.charAt(2) &&
+ hex.charAt(3) == hex.charAt(4) &&
+ hex.charAt(5) == hex.charAt(6)
+ ) {
+ hex = "#" + hex.charAt(1) + hex.charAt(3) + hex.charAt(5);
+ }
+ return hex;
+ },
+
+ get alphaHex() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+
+ let alphaHex = this.longAlphaHex;
+ if (
+ alphaHex.charAt(1) == alphaHex.charAt(2) &&
+ alphaHex.charAt(3) == alphaHex.charAt(4) &&
+ alphaHex.charAt(5) == alphaHex.charAt(6) &&
+ alphaHex.charAt(7) == alphaHex.charAt(8)
+ ) {
+ alphaHex =
+ "#" +
+ alphaHex.charAt(1) +
+ alphaHex.charAt(3) +
+ alphaHex.charAt(5) +
+ alphaHex.charAt(7);
+ }
+ return alphaHex;
+ },
+
+ get longHex() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.hasAlpha) {
+ return this.longAlphaHex;
+ }
+
+ const tuple = this.getRGBATuple();
+ return (
+ "#" +
+ ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) + (tuple.b << 0))
+ .toString(16)
+ .substr(-6)
+ );
+ },
+
+ get longAlphaHex() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+
+ const tuple = this.highResTuple;
+
+ return (
+ "#" +
+ ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) + (tuple.b << 0))
+ .toString(16)
+ .substr(-6) +
+ Math.round(tuple.a)
+ .toString(16)
+ .padStart(2, "0")
+ );
+ },
+
+ get rgb() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (!this.hasAlpha) {
+ if (this.lowerCased.startsWith("rgb(")) {
+ // The color is valid and begins with rgb(.
+ return this.authored;
+ }
+ const tuple = this.getRGBATuple();
+ return "rgb(" + tuple.r + ", " + tuple.g + ", " + tuple.b + ")";
+ }
+ return this.rgba;
+ },
+
+ get rgba() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.lowerCased.startsWith("rgba(")) {
+ // The color is valid and begins with rgba(.
+ return this.authored;
+ }
+ const components = this.getRGBATuple();
+ return (
+ "rgba(" +
+ components.r +
+ ", " +
+ components.g +
+ ", " +
+ components.b +
+ ", " +
+ components.a +
+ ")"
+ );
+ },
+
+ get hsl() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.lowerCased.startsWith("hsl(")) {
+ // The color is valid and begins with hsl(.
+ return this.authored;
+ }
+ if (this.hasAlpha) {
+ return this.hsla;
+ }
+ return this._hsl();
+ },
+
+ get hsla() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.lowerCased.startsWith("hsla(")) {
+ // The color is valid and begins with hsla(.
+ return this.authored;
+ }
+ if (this.hasAlpha) {
+ const a = this.getRGBATuple().a;
+ return this._hsl(a);
+ }
+ return this._hsl(1);
+ },
+
+ get hwb() {
+ const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+ if (invalidOrSpecialValue !== false) {
+ return invalidOrSpecialValue;
+ }
+ if (this.lowerCased.startsWith("hwb(")) {
+ // The color is valid and begins with hwb(.
+ return this.authored;
+ }
+ if (this.hasAlpha) {
+ const a = this.getRGBATuple().a;
+ return this._hwb(a);
+ }
+ return this._hwb();
+ },
+
+ /**
+ * Check whether the current color value is in the special list e.g.
+ * transparent or invalid.
+ *
+ * @return {String|Boolean}
+ * - If the current color is a special value e.g. "transparent" then
+ * return the color.
+ * - If the color is invalid return an empty string.
+ * - If the color is a regular color e.g. #F06 so we return false
+ * to indicate that the color is neither invalid or special.
+ */
+ _getInvalidOrSpecialValue() {
+ if (this.specialValue) {
+ return this.specialValue;
+ }
+ if (!this.valid) {
+ return "";
+ }
+ return false;
+ },
+
+ /**
+ * Change color
+ *
+ * @param {String} color
+ * Any valid color string
+ */
+ newColor(color) {
+ // Store a lower-cased version of the color to help with format
+ // testing. The original text is kept as well so it can be
+ // returned when needed.
+ this.lowerCased = color.toLowerCase();
+ this.authored = color;
+ this._setColorUnitUppercase(color);
+ return this;
+ },
+
+ nextColorUnit() {
+ // Reorder the formats array to have the current format at the
+ // front so we can cycle through.
+ // Put "name" at the end as that provides a hex value if there's
+ // no name for the color.
+ let formats = ["hex", "hsl", "rgb", "hwb", "name"];
+ const currentFormat = classifyColor(this.toString());
+ const putOnEnd = formats.splice(0, formats.indexOf(currentFormat));
+ formats = [...formats, ...putOnEnd];
+
+ const currentDisplayedColor = this[formats[0]];
+
+ for (const format of formats) {
+ if (this[format].toLowerCase() !== currentDisplayedColor.toLowerCase()) {
+ this.colorUnit = CssColor.COLORUNIT[format];
+ break;
+ }
+ }
+
+ return this.toString();
+ },
+
+ /**
+ * Return a string representing a color of type defined in COLOR_UNIT_PREF.
+ */
+ toString() {
+ let color;
+
+ switch (this.colorUnit) {
+ case CssColor.COLORUNIT.authored:
+ color = this.authored;
+ break;
+ case CssColor.COLORUNIT.hex:
+ color = this.hex;
+ break;
+ case CssColor.COLORUNIT.hsl:
+ color = this.hsl;
+ break;
+ case CssColor.COLORUNIT.name:
+ color = this.name;
+ break;
+ case CssColor.COLORUNIT.rgb:
+ color = this.rgb;
+ break;
+ case CssColor.COLORUNIT.hwb:
+ color = this.hwb;
+ break;
+ default:
+ color = this.rgb;
+ }
+
+ if (
+ this._colorUnitUppercase &&
+ this.colorUnit != CssColor.COLORUNIT.authored
+ ) {
+ color = color.toUpperCase();
+ }
+
+ return color;
+ },
+
+ /**
+ * Returns a RGBA 4-Tuple representation of a color or transparent as
+ * appropriate.
+ */
+ getRGBATuple() {
+ const tuple = colorToRGBA(this.authored, this.cssColor4);
+
+ tuple.a = parseFloat(tuple.a.toFixed(2));
+
+ return tuple;
+ },
+
+ /**
+ * Returns a HSLA 4-Tuple representation of a color or transparent as
+ * appropriate.
+ */
+ _getHSLATuple() {
+ const { r, g, b, a } = colorToRGBA(this.authored, this.cssColor4);
+
+ const [h, s, l] = rgbToHsl([r, g, b]);
+
+ return {
+ h,
+ s,
+ l,
+ a: parseFloat(a.toFixed(2)),
+ };
+ },
+
+ _hsl(maybeAlpha) {
+ if (this.lowerCased.startsWith("hsl(") && maybeAlpha === undefined) {
+ // We can use it as-is.
+ return this.authored;
+ }
+
+ const { r, g, b } = this.getRGBATuple();
+ const [h, s, l] = rgbToHsl([r, g, b]);
+ if (maybeAlpha !== undefined) {
+ return "hsla(" + h + ", " + s + "%, " + l + "%, " + maybeAlpha + ")";
+ }
+ return "hsl(" + h + ", " + s + "%, " + l + "%)";
+ },
+
+ _hwb(maybeAlpha) {
+ if (this.lowerCased.startsWith("hwb(") && maybeAlpha === undefined) {
+ // We can use it as-is.
+ return this.authored;
+ }
+
+ const { r, g, b } = this.getRGBATuple();
+ const [hue, white, black] = rgbToHwb([r, g, b]);
+ return `hwb(${hue} ${white}% ${black}%${
+ maybeAlpha !== undefined ? " / " + maybeAlpha : ""
+ })`;
+ },
+
+ /**
+ * This method allows comparison of CssColor objects using ===.
+ */
+ valueOf() {
+ return this.rgba;
+ },
+
+ /**
+ * Check whether the color is fully transparent (alpha === 0).
+ *
+ * @return {Boolean} True if the color is transparent and valid.
+ */
+ isTransparent() {
+ return this.getRGBATuple().a === 0;
+ },
+};
+
+/**
+ * Convert rgb value to hsl
+ *
+ * @param {array} rgb
+ * Array of rgb values
+ * @return {array}
+ * Array of hsl values.
+ */
+function rgbToHsl([r, g, b]) {
+ r = r / 255;
+ g = g / 255;
+ b = b / 255;
+
+ const max = Math.max(r, g, b);
+ const min = Math.min(r, g, b);
+ let h;
+ let s;
+ const l = (max + min) / 2;
+
+ if (max == min) {
+ h = s = 0;
+ } else {
+ const d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+ switch (max) {
+ case r:
+ h = ((g - b) / d) % 6;
+ break;
+ case g:
+ h = (b - r) / d + 2;
+ break;
+ case b:
+ h = (r - g) / d + 4;
+ break;
+ }
+ h *= 60;
+ if (h < 0) {
+ h += 360;
+ }
+ }
+
+ return [roundTo(h, 1), roundTo(s * 100, 1), roundTo(l * 100, 1)];
+}
+
+/**
+ * Convert RGB value to HWB
+ *
+ * @param {array} rgb
+ * Array of RGB values
+ * @return {array}
+ * Array of HWB values.
+ */
+function rgbToHwb([r, g, b]) {
+ const hsl = rgbToHsl([r, g, b]);
+
+ r = r / 255;
+ g = g / 255;
+ b = b / 255;
+
+ const white = Math.min(r, g, b);
+ const black = 1 - Math.max(r, g, b);
+ return [roundTo(hsl[0], 1), roundTo(white * 100, 1), roundTo(black * 100, 1)];
+}
+
+/**
+ * Convert rgb value to CIE LAB colorspace (https://en.wikipedia.org/wiki/CIELAB_color_space).
+ * Formula from http://www.easyrgb.com/en/math.php.
+ *
+ * @param {array} rgb
+ * Array of rgb values
+ * @return {array}
+ * Array of lab values.
+ */
+function rgbToLab([r, g, b]) {
+ // Convert rgb values to xyz coordinates.
+ r = r / 255;
+ g = g / 255;
+ b = b / 255;
+
+ r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
+ g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
+ b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
+
+ r = r * 100;
+ g = g * 100;
+ b = b * 100;
+
+ let [x, y, z] = [
+ r * 0.4124 + g * 0.3576 + b * 0.1805,
+ r * 0.2126 + g * 0.7152 + b * 0.0722,
+ r * 0.0193 + g * 0.1192 + b * 0.9505,
+ ];
+
+ // Convert xyz coordinates to lab values.
+ // Divisors used are X_10, Y_10, Z_10 (CIE 1964) reference values for D65
+ // illuminant (Daylight, sRGB, Adobe-RGB) taken from http://www.easyrgb.com/en/math.php
+ x = x / 94.811;
+ y = y / 100;
+ z = z / 107.304;
+
+ x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;
+ y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;
+ z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;
+
+ return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
+}
+
+/**
+ * Calculates the CIE Delta-E value for two lab values (http://www.colorwiki.com/wiki/Delta_E%3a_The_Color_Difference#Delta-E_1976).
+ * Formula from http://www.easyrgb.com/en/math.php.
+ *
+ * @param {array} lab1
+ * Array of lab values for the first color
+ * @param {array} lab2
+ * Array of lab values for the second color
+ * @return {Number}
+ * DeltaE value between the two colors
+ */
+function calculateDeltaE([l1, a1, b1], [l2, a2, b2]) {
+ return Math.sqrt(
+ Math.pow(l1 - l2, 2) + Math.pow(a1 - a2, 2) + Math.pow(b1 - b2, 2)
+ );
+}
+
+function roundTo(number, digits) {
+ const multiplier = Math.pow(10, digits);
+ return Math.round(number * multiplier) / multiplier;
+}
+
+/**
+ * Takes a color value of any type (hex, hsl, hsla, rgb, rgba, hwb)
+ * and an alpha value to generate an rgba string with the correct
+ * alpha value.
+ *
+ * @param {String} colorValue
+ * Color in the form of hex, hsl, hsla, rgb, rgba.
+ * @param {Number} alpha
+ * Alpha value for the color, between 0 and 1.
+ * @param {Boolean} useCssColor4ColorFunction
+ * use css-color-4 color function or not.
+ * @return {String}
+ * Converted color with `alpha` value in rgba form.
+ */
+function setAlpha(colorValue, alpha, useCssColor4ColorFunction = false) {
+ const color = new CssColor(colorValue, useCssColor4ColorFunction);
+
+ // Throw if the color supplied is not valid.
+ if (!color.valid) {
+ throw new Error("Invalid color.");
+ }
+
+ // If an invalid alpha valid, just set to 1.
+ if (!(alpha >= 0 && alpha <= 1)) {
+ alpha = 1;
+ }
+
+ const { r, g, b } = color.getRGBATuple();
+ return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
+}
+
+/**
+ * Given a color, classify its type as one of the possible color
+ * units, as known by |CssColor.colorUnit|.
+ *
+ * @param {String} value
+ * The color, in any form accepted by CSS.
+ * @return {String}
+ * The color classification, one of "rgb", "hsl", "hex", or "name".
+ */
+function classifyColor(value) {
+ value = value.toLowerCase();
+ if (value.startsWith("rgb(") || value.startsWith("rgba(")) {
+ return CssColor.COLORUNIT.rgb;
+ } else if (value.startsWith("hsl(") || value.startsWith("hsla(")) {
+ return CssColor.COLORUNIT.hsl;
+ } else if (value.startsWith("hwb(")) {
+ return CssColor.COLORUNIT.hwb;
+ } else if (/^#[0-9a-f]+$/.exec(value)) {
+ return CssColor.COLORUNIT.hex;
+ }
+ return CssColor.COLORUNIT.name;
+}
+
+// This holds a map from colors back to color names for use by
+// rgbToColorName.
+var cssRGBMap;
+
+/**
+ * Given a color, return its name, if it has one. Otherwise
+ * returns an empty string.
+ *
+ * @param {Number} r, g, b The color components.
+ * @return {String} the name of the color or an empty string
+ */
+function rgbToColorName(r, g, b) {
+ if (!cssRGBMap) {
+ cssRGBMap = {};
+ for (const name in cssColors) {
+ const key = JSON.stringify(cssColors[name]);
+ if (!(key in cssRGBMap)) {
+ cssRGBMap[key] = name;
+ }
+ }
+ }
+ return cssRGBMap[JSON.stringify([r, g, b, 1])] || "";
+}
+
+// Translated from nsColor.cpp.
+function _hslValue(m1, m2, h) {
+ if (h < 0.0) {
+ h += 1.0;
+ }
+ if (h > 1.0) {
+ h -= 1.0;
+ }
+ if (h < 1.0 / 6.0) {
+ return m1 + (m2 - m1) * h * 6.0;
+ }
+ if (h < 1.0 / 2.0) {
+ return m2;
+ }
+ if (h < 2.0 / 3.0) {
+ return m1 + (m2 - m1) * (2.0 / 3.0 - h) * 6.0;
+ }
+ return m1;
+}
+
+// Translated from nsColor.cpp. All three values are expected to be
+// in the range 0-1.
+function hslToRGB([h, s, l]) {
+ let m2;
+ if (l <= 0.5) {
+ m2 = l * (s + 1);
+ } else {
+ m2 = l + s - l * s;
+ }
+ const m1 = l * 2 - m2;
+ const r = Math.round(255 * _hslValue(m1, m2, h + 1.0 / 3.0));
+ const g = Math.round(255 * _hslValue(m1, m2, h));
+ const b = Math.round(255 * _hslValue(m1, m2, h - 1.0 / 3.0));
+ return [r, g, b];
+}
+
+/**
+ * A helper function to convert an HWB color to an RGB color
+ *
+ * @param {Array} - An array where the first entry is the hue of the color
+ * in the range 0 - 360, the second value is the whiteness
+ * of the color in the range 0 - 100, and the third value is
+ * the blackness of the color in the range 0 - 100.
+ * @return {Object} An object of the form {r, g, b, a}; or null if the
+ * name was not a valid color.
+ */
+function hwbToRGB([hue, white, black]) {
+ if (white + black >= 1) {
+ const gray = Math.round((white / (white + black)) * 255);
+ return [gray, gray, gray];
+ }
+ const rgb = hslToRGB([hue, 1, 0.5]);
+ for (let i = 0; i < 3; i++) {
+ rgb[i] /= 255;
+ rgb[i] *= 1 - white - black;
+ rgb[i] += white;
+ rgb[i] = Math.round(rgb[i] * 255);
+ }
+ return rgb;
+}
+
+/**
+ * A helper function to convert a hex string like "F0C" or "F0C8" to a color.
+ *
+ * @param {String} name the color string
+ * @param {Boolean} highResolution Forces returned alpha value to be in the
+ * range 0 - 255 as opposed to 0.0 - 1.0.
+ * @return {Object} an object of the form {r, g, b, a}; or null if the
+ * name was not a valid color
+ */
+function hexToRGBA(name, highResolution) {
+ let r,
+ g,
+ b,
+ a = 1;
+
+ if (name.length === 3) {
+ // short hex string (e.g. F0C)
+ r = parseInt(name.charAt(0) + name.charAt(0), 16);
+ g = parseInt(name.charAt(1) + name.charAt(1), 16);
+ b = parseInt(name.charAt(2) + name.charAt(2), 16);
+ } else if (name.length === 4) {
+ // short alpha hex string (e.g. F0CA)
+ r = parseInt(name.charAt(0) + name.charAt(0), 16);
+ g = parseInt(name.charAt(1) + name.charAt(1), 16);
+ b = parseInt(name.charAt(2) + name.charAt(2), 16);
+ a = parseInt(name.charAt(3) + name.charAt(3), 16);
+
+ if (!highResolution) {
+ a /= 255;
+ }
+ } else if (name.length === 6) {
+ // hex string (e.g. FD01CD)
+ r = parseInt(name.charAt(0) + name.charAt(1), 16);
+ g = parseInt(name.charAt(2) + name.charAt(3), 16);
+ b = parseInt(name.charAt(4) + name.charAt(5), 16);
+ } else if (name.length === 8) {
+ // alpha hex string (e.g. FD01CDAB)
+ r = parseInt(name.charAt(0) + name.charAt(1), 16);
+ g = parseInt(name.charAt(2) + name.charAt(3), 16);
+ b = parseInt(name.charAt(4) + name.charAt(5), 16);
+ a = parseInt(name.charAt(6) + name.charAt(7), 16);
+
+ if (!highResolution) {
+ a /= 255;
+ }
+ } else {
+ return null;
+ }
+ if (!highResolution) {
+ a = Math.round(a * 10) / 10;
+ }
+ return { r, g, b, a };
+}
+
+/**
+ * A helper function to clamp a value.
+ *
+ * @param {Number} value The value to clamp
+ * @param {Number} min The minimum value
+ * @param {Number} max The maximum value
+ * @return {Number} A value between min and max
+ */
+function clamp(value, min, max) {
+ if (value < min) {
+ value = min;
+ }
+ if (value > max) {
+ value = max;
+ }
+ return value;
+}
+
+/**
+ * A helper function to get a token from a lexer, skipping comments
+ * and whitespace.
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @return {CSSToken} The next non-whitespace, non-comment token; or
+ * null at EOF.
+ */
+function getToken(lexer) {
+ if (lexer._hasPushBackToken) {
+ lexer._hasPushBackToken = false;
+ return lexer._currentToken;
+ }
+
+ while (true) {
+ const token = lexer.nextToken();
+ if (
+ !token ||
+ (token.tokenType !== "comment" && token.tokenType !== "whitespace")
+ ) {
+ lexer._currentToken = token;
+ return token;
+ }
+ }
+}
+
+/**
+ * A helper function to put a token back to lexer for the next call of
+ * getToken().
+ *
+ * @param {CSSLexer} lexer The lexer
+ */
+function unGetToken(lexer) {
+ if (lexer._hasPushBackToken) {
+ throw new Error("Double pushback.");
+ }
+ lexer._hasPushBackToken = true;
+}
+
+/**
+ * A helper function that checks if the next token matches symbol.
+ * If so, reads the token and returns true. If not, pushes the
+ * token back and returns false.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {String} symbol The symbol.
+ * @return {Boolean} The expect symbol is parsed or not.
+ */
+function expectSymbol(lexer, symbol) {
+ const token = getToken(lexer);
+ if (!token) {
+ return false;
+ }
+
+ if (token.tokenType !== "symbol" || token.text !== symbol) {
+ unGetToken(lexer);
+ return false;
+ }
+
+ return true;
+}
+
+const COLOR_COMPONENT_TYPE = {
+ integer: "integer",
+ number: "number",
+ percentage: "percentage",
+};
+
+/**
+ * Parse a color function
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {String} funcName The name of the color function.
+ * @param {Boolean} useCssColor4ColorFunction
+ * Use css-color-4 color function or not.
+ * @return {Array} An array of the form [r,g,b,a] for RGB colors,
+ * [h,s,l,a] for HSL colors, or [h,w,b,a] for HWB colors.
+ */
+function parseColorFunction(lexer, funcName, useCssColor4ColorFunction) {
+ switch (funcName) {
+ case "hsl":
+ return useCssColor4ColorFunction
+ ? parseHsl(lexer)
+ : parseOldStyleHsl(lexer, false);
+ case "hsla":
+ return useCssColor4ColorFunction
+ ? parseHsl(lexer)
+ : parseOldStyleHsl(lexer, true);
+ case "hwb":
+ return parseHwb(lexer);
+ case "rgb":
+ return useCssColor4ColorFunction
+ ? parseRgb(lexer)
+ : parseOldStyleRgb(lexer, false);
+ case "rgba":
+ return useCssColor4ColorFunction
+ ? parseRgb(lexer)
+ : parseOldStyleRgb(lexer, true);
+ default:
+ throw new Error("Invalid color function.");
+ }
+}
+
+/**
+ * Parse a <integer> or a <number> or a <percentage> color component. If
+ * |separator| is provided (not an empty string ""), this function will also
+ * attempt to parse that character after parsing the color component. The range
+ * of output component value is [0, 1] if the component type is percentage.
+ * Otherwise, the range is [0, 255].
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {COLOR_COMPONENT_TYPE} type The color component type.
+ * @param {String} separator The separator.
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseColorComponent(lexer, type, separator, colorArray) {
+ const token = getToken(lexer);
+
+ if (!token) {
+ return false;
+ }
+
+ switch (type) {
+ case COLOR_COMPONENT_TYPE.integer:
+ if (token.tokenType !== "number" || !token.isInteger) {
+ return false;
+ }
+ break;
+ case COLOR_COMPONENT_TYPE.number:
+ if (token.tokenType !== "number") {
+ return false;
+ }
+ break;
+ case COLOR_COMPONENT_TYPE.percentage:
+ if (token.tokenType !== "percentage") {
+ return false;
+ }
+ break;
+ default:
+ throw new Error("Invalid color component type.");
+ }
+
+ let colorComponent = 0;
+ if (type === COLOR_COMPONENT_TYPE.percentage) {
+ colorComponent = clamp(token.number, 0, 1);
+ } else {
+ colorComponent = clamp(token.number, 0, 255);
+ }
+
+ if (separator !== "" && !expectSymbol(lexer, separator)) {
+ return false;
+ }
+
+ colorArray.push(colorComponent);
+
+ return true;
+}
+
+/**
+ * Parse an optional [ separator <alpha-value> ] expression, followed by a
+ * close-parenthesis, at the end of a css color function (e.g. rgba() or hsla()).
+ * If this function simply encounters a close-parenthesis (without the
+ * [ separator <alpha-value> ]), it will still succeed. Then put a fully-opaque
+ * alpha value into the colorArray. The range of output alpha value is [0, 1].
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @param {String} separator The separator.
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseColorOpacityAndCloseParen(lexer, separator, colorArray) {
+ // The optional [separator <alpha-value>] was omitted, so set the opacity
+ // to a fully-opaque value '1.0' and return success.
+ if (expectSymbol(lexer, ")")) {
+ colorArray.push(1);
+ return true;
+ }
+
+ if (!expectSymbol(lexer, separator)) {
+ return false;
+ }
+
+ const token = getToken(lexer);
+ if (!token) {
+ return false;
+ }
+
+ // <number> or <percentage>
+ if (token.tokenType !== "number" && token.tokenType !== "percentage") {
+ return false;
+ }
+
+ if (!expectSymbol(lexer, ")")) {
+ return false;
+ }
+
+ colorArray.push(clamp(token.number, 0, 1));
+
+ return true;
+}
+
+/**
+ * Parse a hue value.
+ * <hue> = <number> | <angle>
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseHue(lexer, colorArray) {
+ const token = getToken(lexer);
+
+ if (!token) {
+ return false;
+ }
+
+ let val = 0;
+ if (token.tokenType === "number") {
+ val = token.number;
+ } else if (token.tokenType === "dimension" && token.text in CSS_ANGLEUNIT) {
+ val = getAngleValueInDegrees(token.number, token.text);
+ } else {
+ return false;
+ }
+
+ val = val / 360.0;
+ colorArray.push(val - Math.floor(val));
+
+ return true;
+}
+
+/**
+ * A helper function to parse the color components of hsl()/hsla() function.
+ * hsl() and hsla() are now aliases.
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseHsl(lexer) {
+ // comma-less expression:
+ // hsl() = hsl( <hue> <saturation> <lightness> [ / <alpha-value> ]? )
+ // the expression with comma:
+ // hsl() = hsl( <hue>, <saturation>, <lightness>, <alpha-value>? )
+ //
+ // <hue> = <number> | <angle>
+ // <alpha-value> = <number> | <percentage>
+
+ const commaSeparator = ",";
+ const hsl = [];
+ const a = [];
+
+ // Parse hue.
+ if (!parseHue(lexer, hsl)) {
+ return null;
+ }
+
+ // Look for a comma separator after "hue" component to determine if the
+ // expression is comma-less or not.
+ const hasComma = expectSymbol(lexer, commaSeparator);
+
+ // Parse saturation, lightness and opacity.
+ // The saturation and lightness are <percentage>, so reuse the <percentage>
+ // version of parseColorComponent function for them. No need to check the
+ // separator after 'lightness'. It will be checked in opacity value parsing.
+ const separatorBeforeAlpha = hasComma ? commaSeparator : "/";
+ if (
+ parseColorComponent(
+ lexer,
+ COLOR_COMPONENT_TYPE.percentage,
+ hasComma ? commaSeparator : "",
+ hsl
+ ) &&
+ parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage, "", hsl) &&
+ parseColorOpacityAndCloseParen(lexer, separatorBeforeAlpha, a)
+ ) {
+ return [...hslToRGB(hsl), ...a];
+ }
+
+ return null;
+}
+
+/**
+ * A helper function to parse the color arguments of old style hsl()/hsla()
+ * function.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {Boolean} hasAlpha The color function has alpha component or not.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseOldStyleHsl(lexer, hasAlpha) {
+ // hsla() = hsla( <hue>, <saturation>, <lightness>, <alpha-value> )
+ // hsl() = hsl( <hue>, <saturation>, <lightness> )
+ //
+ // <hue> = <number>
+ // <alpha-value> = <number>
+
+ const commaSeparator = ",";
+ const closeParen = ")";
+ const hsl = [];
+ const a = [];
+
+ // Parse hue.
+ const token = getToken(lexer);
+ if (!token || token.tokenType !== "number") {
+ return null;
+ }
+ if (!expectSymbol(lexer, commaSeparator)) {
+ return null;
+ }
+ const val = token.number / 360.0;
+ hsl.push(val - Math.floor(val));
+
+ // Parse saturation, lightness and opacity.
+ // The saturation and lightness are <percentage>, so reuse the <percentage>
+ // version of parseColorComponent function for them. The opacity is <number>
+ if (hasAlpha) {
+ if (
+ parseColorComponent(
+ lexer,
+ COLOR_COMPONENT_TYPE.percentage,
+ commaSeparator,
+ hsl
+ ) &&
+ parseColorComponent(
+ lexer,
+ COLOR_COMPONENT_TYPE.percentage,
+ commaSeparator,
+ hsl
+ ) &&
+ parseColorComponent(lexer, COLOR_COMPONENT_TYPE.number, closeParen, a)
+ ) {
+ return [...hslToRGB(hsl), ...a];
+ }
+ } else if (
+ parseColorComponent(
+ lexer,
+ COLOR_COMPONENT_TYPE.percentage,
+ commaSeparator,
+ hsl
+ ) &&
+ parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage, closeParen, hsl)
+ ) {
+ return [...hslToRGB(hsl), 1];
+ }
+
+ return null;
+}
+
+/**
+ * A helper function to parse the color arguments of rgb()/rgba() function.
+ * rgb() and rgba() now are aliases.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseRgb(lexer) {
+ // comma-less expression:
+ // rgb() = rgb( component{3} [ / <alpha-value> ]? )
+ // the expression with comma:
+ // rgb() = rgb( component#{3} , <alpha-value>? )
+ //
+ // component = <number> | <percentage>
+ // <alpa-value> = <number> | <percentage>
+
+ const commaSeparator = ",";
+ const rgba = [];
+
+ const token = getToken(lexer);
+ if (token.tokenType !== "percentage" && token.tokenType !== "number") {
+ return null;
+ }
+ unGetToken(lexer);
+ const type =
+ token.tokenType === "percentage"
+ ? COLOR_COMPONENT_TYPE.percentage
+ : COLOR_COMPONENT_TYPE.number;
+
+ // Parse R.
+ if (!parseColorComponent(lexer, type, "", rgba)) {
+ return null;
+ }
+ const hasComma = expectSymbol(lexer, commaSeparator);
+
+ // Parse G, B and A.
+ // No need to check the separator after 'B'. It will be checked in 'A' values
+ // parsing.
+ const separatorBeforeAlpha = hasComma ? commaSeparator : "/";
+ if (
+ parseColorComponent(lexer, type, hasComma ? commaSeparator : "", rgba) &&
+ parseColorComponent(lexer, type, "", rgba) &&
+ parseColorOpacityAndCloseParen(lexer, separatorBeforeAlpha, rgba)
+ ) {
+ if (type === COLOR_COMPONENT_TYPE.percentage) {
+ rgba[0] = Math.round(255 * rgba[0]);
+ rgba[1] = Math.round(255 * rgba[1]);
+ rgba[2] = Math.round(255 * rgba[2]);
+ }
+ return rgba;
+ }
+
+ return null;
+}
+
+/**
+ * A helper function to parse the color arguments of old style rgb()/rgba()
+ * function.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {Boolean} hasAlpha The color function has alpha component or not.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseOldStyleRgb(lexer, hasAlpha) {
+ // rgba() = rgba( component#{3} , <alpha-value> )
+ // rgb() = rgb( component#{3} )
+ //
+ // component = <integer> | <percentage>
+ // <alpha-value> = <number>
+
+ const commaSeparator = ",";
+ const closeParen = ")";
+ const rgba = [];
+
+ const token = getToken(lexer);
+ if (
+ token.tokenType !== "percentage" &&
+ (token.tokenType !== "number" || !token.isInteger)
+ ) {
+ return null;
+ }
+ unGetToken(lexer);
+ const type =
+ token.tokenType === "percentage"
+ ? COLOR_COMPONENT_TYPE.percentage
+ : COLOR_COMPONENT_TYPE.integer;
+
+ // Parse R. G, B and A.
+ if (hasAlpha) {
+ if (
+ !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+ !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+ !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+ !parseColorComponent(lexer, COLOR_COMPONENT_TYPE.number, closeParen, rgba)
+ ) {
+ return null;
+ }
+ } else if (
+ !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+ !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+ !parseColorComponent(lexer, type, closeParen, rgba)
+ ) {
+ return null;
+ }
+
+ if (type === COLOR_COMPONENT_TYPE.percentage) {
+ rgba[0] = Math.round(255 * rgba[0]);
+ rgba[1] = Math.round(255 * rgba[1]);
+ rgba[2] = Math.round(255 * rgba[2]);
+ }
+ if (!hasAlpha) {
+ rgba.push(1);
+ }
+
+ return rgba;
+}
+
+/**
+ * A helper function to parse the color components of an hwb() function.
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @return {Array} An array of the form [hue, white, black, alpha];
+ * or null on error.
+ */
+function parseHwb(lexer) {
+ // comma-less expression:
+ // hwb() = hwb( <hue> <whiteness> <blackness> [ / <alpha-value> ]? )
+ //
+ // <hue> = <number> | <angle>
+ // <whiteness> = <percentage>
+ // <blackness> = <percentage>
+ // <alpha-value> = <number> | <percentage>
+
+ const hwb = [];
+ const a = [];
+
+ // Parse hue.
+ if (!parseHue(lexer, hwb)) {
+ return null;
+ }
+
+ // Parse whiteness, blackness, and opacity.
+ // The whiteness and blackness are <percentage>, so reuse the <percentage>
+ // version of the parseColorComponent function for them.
+ if (
+ parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage, "", hwb) &&
+ parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage, "", hwb) &&
+ parseColorOpacityAndCloseParen(lexer, "/", a)
+ ) {
+ return [...hwbToRGB(hwb), ...a];
+ }
+
+ return null;
+}
+
+/**
+ * Convert a string representing a color to an object holding the
+ * color's components. Any valid CSS color form can be passed in.
+ *
+ * @param {String} name
+ * The color
+ * @param {Boolean} useCssColor4ColorFunction
+ * Use css-color-4 color function or not.
+ * @param {Boolean} toArray
+ * Return rgba array if true, otherwise object
+ * @return {Object|Array}
+ * An object of the form {r, g, b, a} if toArray is false,
+ * otherwise an array of the form [r, g, b, a]; or null if the
+ * name was not a valid color
+ */
+function colorToRGBA(name, useCssColor4ColorFunction = false, toArray = false) {
+ name = name.trim().toLowerCase();
+
+ if (name in cssColors) {
+ const result = cssColors[name];
+ return { r: result[0], g: result[1], b: result[2], a: result[3] };
+ } else if (name === "transparent") {
+ return { r: 0, g: 0, b: 0, a: 0 };
+ } else if (name === "currentcolor") {
+ return { r: 0, g: 0, b: 0, a: 1 };
+ }
+
+ const lexer = getCSSLexer(name);
+
+ const func = getToken(lexer);
+ if (!func) {
+ return null;
+ }
+
+ if (func.tokenType === "id" || func.tokenType === "hash") {
+ if (getToken(lexer) !== null) {
+ return null;
+ }
+ return hexToRGBA(func.text);
+ }
+
+ const expectedFunctions = ["rgba", "rgb", "hsla", "hsl", "hwb"];
+ if (
+ !func ||
+ func.tokenType !== "function" ||
+ !expectedFunctions.includes(func.text)
+ ) {
+ return null;
+ }
+
+ const vals = parseColorFunction(lexer, func.text, useCssColor4ColorFunction);
+
+ if (!vals) {
+ return null;
+ }
+ if (getToken(lexer) !== null) {
+ return null;
+ }
+
+ return toArray ? vals : { r: vals[0], g: vals[1], b: vals[2], a: vals[3] };
+}
+
+/**
+ * Check whether a string names a valid CSS color.
+ *
+ * @param {String} name The string to check
+ * @param {Boolean} useCssColor4ColorFunction use css-color-4 color function or not.
+ * @return {Boolean} True if the string is a CSS color name.
+ */
+function isValidCSSColor(name, useCssColor4ColorFunction = false) {
+ return colorToRGBA(name, useCssColor4ColorFunction) !== null;
+}
+
+/**
+ * Calculates the luminance of a rgba tuple based on the formula given in
+ * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+ *
+ * @param {Array} rgba An array with [r,g,b,a] values.
+ * @return {Number} The calculated luminance.
+ */
+function calculateLuminance(rgba) {
+ for (let i = 0; i < 3; i++) {
+ rgba[i] /= 255;
+ rgba[i] =
+ rgba[i] < 0.03928
+ ? rgba[i] / 12.92
+ : Math.pow((rgba[i] + 0.055) / 1.055, 2.4);
+ }
+ return 0.2126 * rgba[0] + 0.7152 * rgba[1] + 0.0722 * rgba[2];
+}
+
+/**
+ * Blend background and foreground colors takign alpha into account.
+ * @param {Array} foregroundColor
+ * An array with [r,g,b,a] values containing the foreground color.
+ * @param {Array} backgroundColor
+ * An array with [r,g,b,a] values containing the background color. Defaults to
+ * [ 255, 255, 255, 1 ].
+ * @return {Array}
+ * An array with combined [r,g,b,a] colors.
+ */
+function blendColors(foregroundColor, backgroundColor = [255, 255, 255, 1]) {
+ const [fgR, fgG, fgB, fgA] = foregroundColor;
+ const [bgR, bgG, bgB, bgA] = backgroundColor;
+ if (fgA === 1) {
+ return foregroundColor;
+ }
+
+ return [
+ (1 - fgA) * bgR + fgA * fgR,
+ (1 - fgA) * bgG + fgA * fgG,
+ (1 - fgA) * bgB + fgA * fgB,
+ fgA + bgA * (1 - fgA),
+ ];
+}
+
+/**
+ * Calculates the contrast ratio of 2 rgba tuples based on the formula in
+ * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast7
+ *
+ * @param {Array} backgroundColor An array with [r,g,b,a] values containing
+ * the background color.
+ * @param {Array} textColor An array with [r,g,b,a] values containing
+ * the text color.
+ * @return {Number} The calculated luminance.
+ */
+function calculateContrastRatio(backgroundColor, textColor) {
+ // Do not modify given colors.
+ backgroundColor = Array.from(backgroundColor);
+ textColor = Array.from(textColor);
+
+ backgroundColor = blendColors(backgroundColor);
+ textColor = blendColors(textColor, backgroundColor);
+
+ const backgroundLuminance = calculateLuminance(backgroundColor);
+ const textLuminance = calculateLuminance(textColor);
+ const ratio = (textLuminance + 0.05) / (backgroundLuminance + 0.05);
+
+ return ratio > 1.0 ? ratio : 1 / ratio;
+}
diff --git a/devtools/shared/css/constants.js b/devtools/shared/css/constants.js
new file mode 100644
index 0000000000..cc8748c553
--- /dev/null
+++ b/devtools/shared/css/constants.js
@@ -0,0 +1,38 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+/**
+ * All CSS <angle> types that properties can support.
+ */
+exports.CSS_ANGLEUNIT = {
+ deg: "deg",
+ rad: "rad",
+ grad: "grad",
+ turn: "turn",
+};
+
+/**
+ * @backward-compat { version 70 } Mapping of InspectorPropertyType to old type ID.
+ */
+exports.CSS_TYPES = {
+ color: 2,
+ gradient: 4,
+ "timing-function": 10,
+};
+
+/**
+ * Supported pseudo-class locks in the order in which they appear in the pseudo-class
+ * panel in the Rules sidebar panel of the Inspector.
+ */
+exports.PSEUDO_CLASSES = [
+ ":hover",
+ ":active",
+ ":focus",
+ ":focus-visible",
+ ":focus-within",
+ ":visited",
+ ":target",
+];
diff --git a/devtools/shared/css/generated/generate-properties-db.js b/devtools/shared/css/generated/generate-properties-db.js
new file mode 100644
index 0000000000..63ddb7fa44
--- /dev/null
+++ b/devtools/shared/css/generated/generate-properties-db.js
@@ -0,0 +1,73 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+/*
+ * This is an xpcshell script that runs to generate a static list of CSS properties
+ * as known by the platform. It is run from ./mach_commands.py by running
+ * `mach devtools-css-db`.
+ */
+var { require } = ChromeUtils.importESModule(
+ "resource://devtools/shared/loader/Loader.sys.mjs"
+);
+var {
+ generateCssProperties,
+} = require("resource://devtools/server/actors/css-properties.js");
+const InspectorUtils = require("InspectorUtils");
+
+// xpcshell can output extra information, so place some delimiter text between
+// the output of the css properties database.
+dump("DEVTOOLS_CSS_DB_DELIMITER");
+
+// Output JSON
+dump(
+ JSON.stringify({
+ cssProperties: cssProperties(),
+ preferences: preferences(),
+ pseudoElements: pseudoElements(),
+ })
+);
+
+dump("DEVTOOLS_CSS_DB_DELIMITER");
+
+/*
+ * A list of CSS Properties and their various characteristics. This is used on the
+ * client-side when the CssPropertiesActor is not found, or when the client and server
+ * are the same version. A single property takes the form:
+ *
+ * "animation": {
+ * "isInherited": false,
+ * "supports": [ 7, 9, 10 ]
+ * }
+ */
+function cssProperties() {
+ const properties = generateCssProperties();
+ for (const key in properties) {
+ // Ignore OS-specific properties
+ if (key.includes("-moz-osx-")) {
+ properties[key] = undefined;
+ }
+ }
+ return properties;
+}
+
+/**
+ * A list of preferences of CSS properties.
+ */
+function preferences() {
+ const prefs = InspectorUtils.getCSSPropertyPrefs();
+ const result = [];
+ for (const { name, pref } of prefs) {
+ result.push([name, pref]);
+ }
+ return result;
+}
+
+/**
+ * The list of all CSS Pseudo Elements.
+ */
+function pseudoElements() {
+ return InspectorUtils.getCSSPseudoElementNames();
+}
diff --git a/devtools/shared/css/generated/mach_commands.py b/devtools/shared/css/generated/mach_commands.py
new file mode 100644
index 0000000000..7a41ea49b2
--- /dev/null
+++ b/devtools/shared/css/generated/mach_commands.py
@@ -0,0 +1,121 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+"""
+This script implements the `mach devtools-css-db` command. It runs an xpcshell
+script that uses InspectorUtils to query the CSS properties used by the browser.
+This information is used to generate the properties-db.js file.
+"""
+
+import json
+import logging
+import os
+import runpy
+import sys
+import string
+import subprocess
+from mozbuild import shellutil
+from mozbuild.base import (
+ MozbuildObject,
+ BinaryNotFoundException,
+)
+from mach.decorators import (
+ Command,
+)
+
+
+def resolve_path(start, relativePath):
+ """Helper to resolve a path from a start, and a relative path"""
+ return os.path.normpath(os.path.join(start, relativePath))
+
+
+def stringify(obj):
+ """Helper to stringify to JSON"""
+ return json.dumps(obj, sort_keys=True, indent=2, separators=(",", ": "))
+
+
+@Command(
+ "devtools-css-db",
+ category="post-build",
+ description="Rebuild the devtool's static css properties database.",
+)
+def generate_css_db(command_context):
+ """Generate the static css properties database for devtools and write it to file."""
+
+ print("Re-generating the css properties database...")
+ db = get_properties_db_from_xpcshell(command_context)
+ if not db:
+ return 1
+
+ output_template(
+ command_context,
+ {
+ "preferences": stringify(db["preferences"]),
+ "cssProperties": stringify(db["cssProperties"]),
+ "pseudoElements": stringify(db["pseudoElements"]),
+ },
+ )
+
+
+def get_properties_db_from_xpcshell(command_context):
+ """Generate the static css properties db for devtools from an xpcshell script."""
+ build = MozbuildObject.from_environment()
+
+ # Get the paths
+ script_path = resolve_path(
+ command_context.topsrcdir,
+ "devtools/shared/css/generated/generate-properties-db.js",
+ )
+ gre_path = resolve_path(command_context.topobjdir, "dist/bin")
+ browser_path = resolve_path(command_context.topobjdir, "dist/bin/browser")
+ try:
+ xpcshell_path = build.get_binary_path(what="xpcshell")
+ except BinaryNotFoundException as e:
+ command_context.log(
+ logging.ERROR, "devtools-css-db", {"error": str(e)}, "ERROR: {error}"
+ )
+ command_context.log(
+ logging.INFO, "devtools-css-db", {"help": e.help()}, "{help}"
+ )
+ return None
+
+ print(browser_path)
+
+ sub_env = dict(os.environ)
+ if sys.platform.startswith("linux"):
+ sub_env["LD_LIBRARY_PATH"] = gre_path
+
+ # Run the xcpshell script, and set the appdir flag to the browser path so that
+ # we have the proper dependencies for requiring the loader.
+ contents = subprocess.check_output(
+ [xpcshell_path, "-g", gre_path, "-a", browser_path, script_path],
+ env=sub_env,
+ )
+ # Extract just the output between the delimiters as the xpcshell output can
+ # have extra output that we don't want.
+ contents = contents.decode().split("DEVTOOLS_CSS_DB_DELIMITER")[1]
+
+ return json.loads(contents)
+
+
+def output_template(command_context, substitutions):
+ """Output a the properties-db.js from a template."""
+ js_template_path = resolve_path(
+ command_context.topsrcdir,
+ "devtools/shared/css/generated/properties-db.js.in",
+ )
+ destination_path = resolve_path(
+ command_context.topsrcdir, "devtools/shared/css/generated/properties-db.js"
+ )
+
+ with open(js_template_path, "rb") as handle:
+ js_template = handle.read().decode()
+
+ preamble = "/* THIS IS AN AUTOGENERATED FILE. DO NOT EDIT */\n\n"
+ contents = string.Template(js_template).substitute(substitutions)
+
+ with open(destination_path, "wb") as destination:
+ destination.write(preamble.encode() + contents.encode())
+
+ print("The database was successfully generated at " + destination_path)
diff --git a/devtools/shared/css/generated/moz.build b/devtools/shared/css/generated/moz.build
new file mode 100644
index 0000000000..eb3b95b784
--- /dev/null
+++ b/devtools/shared/css/generated/moz.build
@@ -0,0 +1,9 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DevToolsModules(
+ "properties-db.js",
+)
diff --git a/devtools/shared/css/generated/properties-db.js b/devtools/shared/css/generated/properties-db.js
new file mode 100644
index 0000000000..a4a3225777
--- /dev/null
+++ b/devtools/shared/css/generated/properties-db.js
@@ -0,0 +1,12235 @@
+/* THIS IS AN AUTOGENERATED FILE. DO NOT EDIT */
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+/**
+ * This file is automatically generated by `mach devtools-css-db`. It contains
+ * a static list of CSS properties that can be computed by Gecko. The actual script
+ * to generate these files can be found at
+ * devtools/shared/css/generated/generate-properties-db.js.
+ */
+
+/**
+ * A list of CSS Properties and their various characteristics.
+ */
+exports.CSS_PROPERTIES = {
+ "-moz-animation": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name",
+ "animation-duration",
+ "animation-timing-function",
+ "animation-delay",
+ "animation-iteration-count",
+ "animation-direction",
+ "animation-fill-mode",
+ "animation-play-state",
+ "animation-timeline"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "auto",
+ "backwards",
+ "both",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "forwards",
+ "infinite",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "normal",
+ "paused",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "running",
+ "scroll",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-moz-animation-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-direction"
+ ],
+ "supports": [],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "inherit",
+ "initial",
+ "normal",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-fill-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-fill-mode"
+ ],
+ "supports": [],
+ "values": [
+ "backwards",
+ "both",
+ "forwards",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-iteration-count": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-iteration-count"
+ ],
+ "supports": [],
+ "values": [
+ "infinite",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-name": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-animation-play-state": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-play-state"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "paused",
+ "revert",
+ "revert-layer",
+ "running",
+ "unset"
+ ]
+ },
+ "-moz-animation-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-moz-appearance": {
+ "isInherited": false,
+ "subproperties": [
+ "appearance"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-mac-active-source-list-selection",
+ "-moz-mac-disclosure-button-closed",
+ "-moz-mac-disclosure-button-open",
+ "-moz-mac-help-button",
+ "-moz-mac-source-list",
+ "-moz-mac-source-list-selection",
+ "-moz-menulist-arrow-button",
+ "-moz-win-borderless-glass",
+ "-moz-win-browsertabbar-toolbox",
+ "-moz-win-communications-toolbox",
+ "-moz-win-exclude-glass",
+ "-moz-win-media-toolbox",
+ "-moz-window-button-box",
+ "-moz-window-button-box-maximized",
+ "-moz-window-button-close",
+ "-moz-window-button-maximize",
+ "-moz-window-button-minimize",
+ "-moz-window-button-restore",
+ "-moz-window-titlebar",
+ "-moz-window-titlebar-maximized",
+ "auto",
+ "button",
+ "button-arrow-down",
+ "button-arrow-next",
+ "button-arrow-previous",
+ "button-arrow-up",
+ "checkbox",
+ "checkbox-container",
+ "checkbox-label",
+ "checkmenuitem",
+ "dialog",
+ "dualbutton",
+ "groupbox",
+ "inherit",
+ "initial",
+ "listbox",
+ "menuarrow",
+ "menubar",
+ "menucheckbox",
+ "menuimage",
+ "menuitem",
+ "menuitemtext",
+ "menulist",
+ "menulist-button",
+ "menulist-text",
+ "menupopup",
+ "menuradio",
+ "menuseparator",
+ "meter",
+ "meterbar",
+ "meterchunk",
+ "none",
+ "number-input",
+ "progress-bar",
+ "progressbar",
+ "progresschunk",
+ "radio",
+ "radio-container",
+ "radio-label",
+ "radiomenuitem",
+ "range",
+ "range-thumb",
+ "resizer",
+ "resizerpanel",
+ "revert",
+ "revert-layer",
+ "scrollbar-horizontal",
+ "scrollbar-vertical",
+ "scrollbarbutton-down",
+ "scrollbarbutton-left",
+ "scrollbarbutton-right",
+ "scrollbarbutton-up",
+ "scrollbarthumb-horizontal",
+ "scrollbarthumb-vertical",
+ "scrollbartrack-horizontal",
+ "scrollbartrack-vertical",
+ "scrollcorner",
+ "searchfield",
+ "separator",
+ "spinner",
+ "spinner-downbutton",
+ "spinner-textfield",
+ "spinner-upbutton",
+ "splitter",
+ "statusbar",
+ "statusbarpanel",
+ "tab",
+ "tab-scroll-arrow-back",
+ "tab-scroll-arrow-forward",
+ "tabpanel",
+ "tabpanels",
+ "textarea",
+ "textfield",
+ "textfield-multiline",
+ "toolbar",
+ "toolbarbutton",
+ "toolbarbutton-dropdown",
+ "toolbargripper",
+ "toolbox",
+ "tooltip",
+ "treeheader",
+ "treeheadercell",
+ "treeheadersortarrow",
+ "treeitem",
+ "treeline",
+ "treetwisty",
+ "treetwistyopen",
+ "treeview",
+ "unset",
+ "window"
+ ]
+ },
+ "-moz-backface-visibility": {
+ "isInherited": false,
+ "subproperties": [
+ "backface-visibility"
+ ],
+ "supports": [],
+ "values": [
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset",
+ "visible"
+ ]
+ },
+ "-moz-border-end": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-color",
+ "border-inline-end-style",
+ "border-inline-end-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-moz-border-end-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-moz-border-end-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "-moz-border-end-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "-moz-border-image": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-outset",
+ "border-image-repeat",
+ "border-image-slice",
+ "border-image-source",
+ "border-image-width"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "auto",
+ "conic-gradient",
+ "fill",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeat",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "stretch",
+ "unset",
+ "url"
+ ]
+ },
+ "-moz-border-start": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-color",
+ "border-inline-start-style",
+ "border-inline-start-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-moz-border-start-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-moz-border-start-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "-moz-border-start-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "-moz-box-align": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-align"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "start",
+ "stretch",
+ "unset"
+ ]
+ },
+ "-moz-box-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-direction"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-box-flex": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-flex"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-box-ordinal-group": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-ordinal-group"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-box-orient": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-orient"
+ ],
+ "supports": [],
+ "values": [
+ "block-axis",
+ "horizontal",
+ "inherit",
+ "initial",
+ "inline-axis",
+ "revert",
+ "revert-layer",
+ "unset",
+ "vertical"
+ ]
+ },
+ "-moz-box-pack": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-pack"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "justify",
+ "revert",
+ "revert-layer",
+ "start",
+ "unset"
+ ]
+ },
+ "-moz-box-sizing": {
+ "isInherited": false,
+ "subproperties": [
+ "box-sizing"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-float-edge": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-float-edge"
+ ],
+ "supports": [],
+ "values": [
+ "content-box",
+ "inherit",
+ "initial",
+ "margin-box",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-font-feature-settings": {
+ "isInherited": true,
+ "subproperties": [
+ "font-feature-settings"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-font-language-override": {
+ "isInherited": true,
+ "subproperties": [
+ "font-language-override"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-force-broken-image-icon": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-force-broken-image-icon"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-hyphens": {
+ "isInherited": true,
+ "subproperties": [
+ "hyphens"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "manual",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-image-region": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-image-region"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "rect",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-margin-end": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-margin-start": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-orient": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-orient"
+ ],
+ "supports": [],
+ "values": [
+ "block",
+ "horizontal",
+ "inherit",
+ "initial",
+ "inline",
+ "revert",
+ "revert-layer",
+ "unset",
+ "vertical"
+ ]
+ },
+ "-moz-padding-end": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-padding-start": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-perspective": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-perspective-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "-moz-tab-size": {
+ "isInherited": true,
+ "subproperties": [
+ "tab-size"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-text-size-adjust": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-text-size-adjust"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-transform": {
+ "isInherited": false,
+ "subproperties": [
+ "transform"
+ ],
+ "supports": [],
+ "values": [
+ "accumulatematrix",
+ "inherit",
+ "initial",
+ "interpolatematrix",
+ "matrix",
+ "matrix3d",
+ "none",
+ "perspective",
+ "revert",
+ "revert-layer",
+ "rotate",
+ "rotate3d",
+ "rotateX",
+ "rotateY",
+ "rotateZ",
+ "scale",
+ "scale3d",
+ "scaleX",
+ "scaleY",
+ "scaleZ",
+ "skew",
+ "skewX",
+ "skewY",
+ "translate",
+ "translate3d",
+ "translateX",
+ "translateY",
+ "translateZ",
+ "unset"
+ ]
+ },
+ "-moz-transform-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "-moz-transform-style": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-style"
+ ],
+ "supports": [],
+ "values": [
+ "flat",
+ "inherit",
+ "initial",
+ "preserve-3d",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-transition": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property",
+ "transition-duration",
+ "transition-timing-function",
+ "transition-delay"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "all",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-moz-transition-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-transition-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-transition-property": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-transition-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-moz-user-focus": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-user-focus"
+ ],
+ "supports": [],
+ "values": [
+ "ignore",
+ "inherit",
+ "initial",
+ "none",
+ "normal",
+ "revert",
+ "revert-layer",
+ "select-after",
+ "select-all",
+ "select-before",
+ "select-menu",
+ "select-same",
+ "unset"
+ ]
+ },
+ "-moz-user-input": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-user-input"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-moz-user-modify": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-user-modify"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "read-only",
+ "read-write",
+ "revert",
+ "revert-layer",
+ "unset",
+ "write-only"
+ ]
+ },
+ "-moz-user-select": {
+ "isInherited": false,
+ "subproperties": [
+ "user-select"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-none",
+ "all",
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "text",
+ "unset"
+ ]
+ },
+ "-moz-window-dragging": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-window-dragging"
+ ],
+ "supports": [],
+ "values": [
+ "default",
+ "drag",
+ "inherit",
+ "initial",
+ "no-drag",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-align-content": {
+ "isInherited": false,
+ "subproperties": [
+ "align-content"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "-webkit-align-items": {
+ "isInherited": false,
+ "subproperties": [
+ "align-items"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "-webkit-align-self": {
+ "isInherited": false,
+ "subproperties": [
+ "align-self"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "-webkit-animation": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name",
+ "animation-duration",
+ "animation-timing-function",
+ "animation-delay",
+ "animation-iteration-count",
+ "animation-direction",
+ "animation-fill-mode",
+ "animation-play-state",
+ "animation-timeline"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "auto",
+ "backwards",
+ "both",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "forwards",
+ "infinite",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "normal",
+ "paused",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "running",
+ "scroll",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-webkit-animation-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-direction"
+ ],
+ "supports": [],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "inherit",
+ "initial",
+ "normal",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-fill-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-fill-mode"
+ ],
+ "supports": [],
+ "values": [
+ "backwards",
+ "both",
+ "forwards",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-iteration-count": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-iteration-count"
+ ],
+ "supports": [],
+ "values": [
+ "infinite",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-name": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-animation-play-state": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-play-state"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "paused",
+ "revert",
+ "revert-layer",
+ "running",
+ "unset"
+ ]
+ },
+ "-webkit-animation-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-webkit-appearance": {
+ "isInherited": false,
+ "subproperties": [
+ "appearance"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-mac-active-source-list-selection",
+ "-moz-mac-disclosure-button-closed",
+ "-moz-mac-disclosure-button-open",
+ "-moz-mac-help-button",
+ "-moz-mac-source-list",
+ "-moz-mac-source-list-selection",
+ "-moz-menulist-arrow-button",
+ "-moz-win-borderless-glass",
+ "-moz-win-browsertabbar-toolbox",
+ "-moz-win-communications-toolbox",
+ "-moz-win-exclude-glass",
+ "-moz-win-media-toolbox",
+ "-moz-window-button-box",
+ "-moz-window-button-box-maximized",
+ "-moz-window-button-close",
+ "-moz-window-button-maximize",
+ "-moz-window-button-minimize",
+ "-moz-window-button-restore",
+ "-moz-window-titlebar",
+ "-moz-window-titlebar-maximized",
+ "auto",
+ "button",
+ "button-arrow-down",
+ "button-arrow-next",
+ "button-arrow-previous",
+ "button-arrow-up",
+ "checkbox",
+ "checkbox-container",
+ "checkbox-label",
+ "checkmenuitem",
+ "dialog",
+ "dualbutton",
+ "groupbox",
+ "inherit",
+ "initial",
+ "listbox",
+ "menuarrow",
+ "menubar",
+ "menucheckbox",
+ "menuimage",
+ "menuitem",
+ "menuitemtext",
+ "menulist",
+ "menulist-button",
+ "menulist-text",
+ "menupopup",
+ "menuradio",
+ "menuseparator",
+ "meter",
+ "meterbar",
+ "meterchunk",
+ "none",
+ "number-input",
+ "progress-bar",
+ "progressbar",
+ "progresschunk",
+ "radio",
+ "radio-container",
+ "radio-label",
+ "radiomenuitem",
+ "range",
+ "range-thumb",
+ "resizer",
+ "resizerpanel",
+ "revert",
+ "revert-layer",
+ "scrollbar-horizontal",
+ "scrollbar-vertical",
+ "scrollbarbutton-down",
+ "scrollbarbutton-left",
+ "scrollbarbutton-right",
+ "scrollbarbutton-up",
+ "scrollbarthumb-horizontal",
+ "scrollbarthumb-vertical",
+ "scrollbartrack-horizontal",
+ "scrollbartrack-vertical",
+ "scrollcorner",
+ "searchfield",
+ "separator",
+ "spinner",
+ "spinner-downbutton",
+ "spinner-textfield",
+ "spinner-upbutton",
+ "splitter",
+ "statusbar",
+ "statusbarpanel",
+ "tab",
+ "tab-scroll-arrow-back",
+ "tab-scroll-arrow-forward",
+ "tabpanel",
+ "tabpanels",
+ "textarea",
+ "textfield",
+ "textfield-multiline",
+ "toolbar",
+ "toolbarbutton",
+ "toolbarbutton-dropdown",
+ "toolbargripper",
+ "toolbox",
+ "tooltip",
+ "treeheader",
+ "treeheadercell",
+ "treeheadersortarrow",
+ "treeitem",
+ "treeline",
+ "treetwisty",
+ "treetwistyopen",
+ "treeview",
+ "unset",
+ "window"
+ ]
+ },
+ "-webkit-backface-visibility": {
+ "isInherited": false,
+ "subproperties": [
+ "backface-visibility"
+ ],
+ "supports": [],
+ "values": [
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset",
+ "visible"
+ ]
+ },
+ "-webkit-background-clip": {
+ "isInherited": false,
+ "subproperties": [
+ "background-clip"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "text",
+ "unset"
+ ]
+ },
+ "-webkit-background-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "background-origin"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-background-size": {
+ "isInherited": false,
+ "subproperties": [
+ "background-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "cover",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-border-bottom-left-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-border-bottom-right-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-right-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-border-image": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-outset",
+ "border-image-repeat",
+ "border-image-slice",
+ "border-image-source",
+ "border-image-width"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "auto",
+ "conic-gradient",
+ "fill",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeat",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "stretch",
+ "unset",
+ "url"
+ ]
+ },
+ "-webkit-border-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-left-radius",
+ "border-top-right-radius",
+ "border-bottom-right-radius",
+ "border-bottom-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-border-top-left-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-border-top-right-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-right-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-box-align": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-align"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "start",
+ "stretch",
+ "unset"
+ ]
+ },
+ "-webkit-box-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-direction"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-box-flex": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-flex"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-box-ordinal-group": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-ordinal-group"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-box-orient": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-orient"
+ ],
+ "supports": [],
+ "values": [
+ "block-axis",
+ "horizontal",
+ "inherit",
+ "initial",
+ "inline-axis",
+ "revert",
+ "revert-layer",
+ "unset",
+ "vertical"
+ ]
+ },
+ "-webkit-box-pack": {
+ "isInherited": false,
+ "subproperties": [
+ "-moz-box-pack"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "justify",
+ "revert",
+ "revert-layer",
+ "start",
+ "unset"
+ ]
+ },
+ "-webkit-box-shadow": {
+ "isInherited": false,
+ "subproperties": [
+ "box-shadow"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-webkit-box-sizing": {
+ "isInherited": false,
+ "subproperties": [
+ "box-sizing"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-clip-path": {
+ "isInherited": false,
+ "subproperties": [
+ "clip-path"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "circle",
+ "content-box",
+ "ellipse",
+ "fill-box",
+ "inherit",
+ "initial",
+ "inset",
+ "margin-box",
+ "none",
+ "padding-box",
+ "path",
+ "polygon",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "url",
+ "view-box"
+ ]
+ },
+ "-webkit-filter": {
+ "isInherited": false,
+ "subproperties": [
+ "filter"
+ ],
+ "supports": [],
+ "values": [
+ "blur",
+ "brightness",
+ "contrast",
+ "drop-shadow",
+ "grayscale",
+ "hue-rotate",
+ "inherit",
+ "initial",
+ "invert",
+ "none",
+ "opacity",
+ "revert",
+ "revert-layer",
+ "saturate",
+ "sepia",
+ "unset",
+ "url"
+ ]
+ },
+ "-webkit-flex": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-grow",
+ "flex-shrink",
+ "flex-basis"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "content",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-flex-basis": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-basis"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "content",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-flex-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-direction"
+ ],
+ "supports": [],
+ "values": [
+ "column",
+ "column-reverse",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "row",
+ "row-reverse",
+ "unset"
+ ]
+ },
+ "-webkit-flex-flow": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-direction",
+ "flex-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "column",
+ "column-reverse",
+ "inherit",
+ "initial",
+ "nowrap",
+ "revert",
+ "revert-layer",
+ "row",
+ "row-reverse",
+ "unset",
+ "wrap",
+ "wrap-reverse"
+ ]
+ },
+ "-webkit-flex-grow": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-grow"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-flex-shrink": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-shrink"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-flex-wrap": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "nowrap",
+ "revert",
+ "revert-layer",
+ "unset",
+ "wrap",
+ "wrap-reverse"
+ ]
+ },
+ "-webkit-justify-content": {
+ "isInherited": false,
+ "subproperties": [
+ "justify-content"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "-webkit-line-clamp": {
+ "isInherited": false,
+ "subproperties": [
+ "-webkit-line-clamp"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-mask": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-mode",
+ "mask-repeat",
+ "mask-clip",
+ "mask-origin",
+ "mask-composite",
+ "mask-position-x",
+ "mask-position-y",
+ "mask-size",
+ "mask-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "add",
+ "alpha",
+ "auto",
+ "border-box",
+ "bottom",
+ "center",
+ "conic-gradient",
+ "contain",
+ "content-box",
+ "cover",
+ "exclude",
+ "fill-box",
+ "image-set",
+ "inherit",
+ "initial",
+ "intersect",
+ "left",
+ "linear-gradient",
+ "luminance",
+ "match-source",
+ "no-clip",
+ "no-repeat",
+ "none",
+ "padding-box",
+ "radial-gradient",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "right",
+ "round",
+ "space",
+ "stroke-box",
+ "subtract",
+ "top",
+ "unset",
+ "url",
+ "view-box"
+ ]
+ },
+ "-webkit-mask-clip": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-clip"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "fill-box",
+ "inherit",
+ "initial",
+ "no-clip",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "view-box"
+ ]
+ },
+ "-webkit-mask-composite": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-composite"
+ ],
+ "supports": [],
+ "values": [
+ "add",
+ "exclude",
+ "inherit",
+ "initial",
+ "intersect",
+ "revert",
+ "revert-layer",
+ "subtract",
+ "unset"
+ ]
+ },
+ "-webkit-mask-image": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "conic-gradient",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "-webkit-mask-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-origin"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "fill-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "view-box"
+ ]
+ },
+ "-webkit-mask-position": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-x",
+ "mask-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "-webkit-mask-position-x": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-x"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "-webkit-mask-position-y": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "top",
+ "unset"
+ ]
+ },
+ "-webkit-mask-repeat": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-repeat"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "no-repeat",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "unset"
+ ]
+ },
+ "-webkit-mask-size": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "cover",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-order": {
+ "isInherited": false,
+ "subproperties": [
+ "order"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-perspective": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-perspective-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "-webkit-text-fill-color": {
+ "isInherited": true,
+ "subproperties": [
+ "-webkit-text-fill-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-webkit-text-size-adjust": {
+ "isInherited": true,
+ "subproperties": [
+ "-moz-text-size-adjust"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-text-stroke": {
+ "isInherited": true,
+ "subproperties": [
+ "-webkit-text-stroke-width",
+ "-webkit-text-stroke-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-webkit-text-stroke-color": {
+ "isInherited": true,
+ "subproperties": [
+ "-webkit-text-stroke-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "-webkit-text-stroke-width": {
+ "isInherited": true,
+ "subproperties": [
+ "-webkit-text-stroke-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "-webkit-transform": {
+ "isInherited": false,
+ "subproperties": [
+ "transform"
+ ],
+ "supports": [],
+ "values": [
+ "accumulatematrix",
+ "inherit",
+ "initial",
+ "interpolatematrix",
+ "matrix",
+ "matrix3d",
+ "none",
+ "perspective",
+ "revert",
+ "revert-layer",
+ "rotate",
+ "rotate3d",
+ "rotateX",
+ "rotateY",
+ "rotateZ",
+ "scale",
+ "scale3d",
+ "scaleX",
+ "scaleY",
+ "scaleZ",
+ "skew",
+ "skewX",
+ "skewY",
+ "translate",
+ "translate3d",
+ "translateX",
+ "translateY",
+ "translateZ",
+ "unset"
+ ]
+ },
+ "-webkit-transform-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "-webkit-transform-style": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-style"
+ ],
+ "supports": [],
+ "values": [
+ "flat",
+ "inherit",
+ "initial",
+ "preserve-3d",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-transition": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property",
+ "transition-duration",
+ "transition-timing-function",
+ "transition-delay"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "all",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-webkit-transition-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-transition-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-transition-property": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "-webkit-transition-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "-webkit-user-select": {
+ "isInherited": false,
+ "subproperties": [
+ "user-select"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-none",
+ "all",
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "text",
+ "unset"
+ ]
+ },
+ "accent-color": {
+ "isInherited": true,
+ "subproperties": [
+ "accent-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "auto",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "align-content": {
+ "isInherited": false,
+ "subproperties": [
+ "align-content"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "align-items": {
+ "isInherited": false,
+ "subproperties": [
+ "align-items"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "align-self": {
+ "isInherited": false,
+ "subproperties": [
+ "align-self"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "align-tracks": {
+ "isInherited": false,
+ "subproperties": [
+ "align-tracks"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "normal",
+ "revert",
+ "revert-layer",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "all": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-color",
+ "border-block-start-style",
+ "border-block-start-width",
+ "border-block-end-color",
+ "border-block-end-style",
+ "border-block-end-width",
+ "border-inline-start-color",
+ "border-inline-start-style",
+ "border-inline-start-width",
+ "border-inline-end-color",
+ "border-inline-end-style",
+ "border-inline-end-width",
+ "border-start-start-radius",
+ "border-start-end-radius",
+ "border-end-start-radius",
+ "border-end-end-radius",
+ "overflow-inline",
+ "overflow-block",
+ "overscroll-behavior-inline",
+ "overscroll-behavior-block",
+ "margin-block-start",
+ "margin-block-end",
+ "margin-inline-start",
+ "margin-inline-end",
+ "scroll-margin-block-start",
+ "scroll-margin-block-end",
+ "scroll-margin-inline-start",
+ "scroll-margin-inline-end",
+ "padding-block-start",
+ "padding-block-end",
+ "padding-inline-start",
+ "padding-inline-end",
+ "scroll-padding-block-start",
+ "scroll-padding-block-end",
+ "scroll-padding-inline-start",
+ "scroll-padding-inline-end",
+ "inset-block-start",
+ "inset-block-end",
+ "inset-inline-start",
+ "inset-inline-end",
+ "block-size",
+ "min-block-size",
+ "max-block-size",
+ "inline-size",
+ "min-inline-size",
+ "max-inline-size",
+ "contain-intrinsic-block-size",
+ "contain-intrinsic-inline-size",
+ "background-color",
+ "background-image",
+ "background-position-x",
+ "background-position-y",
+ "background-repeat",
+ "background-attachment",
+ "background-clip",
+ "background-origin",
+ "background-size",
+ "background-blend-mode",
+ "border-top-color",
+ "border-top-style",
+ "border-top-width",
+ "border-right-color",
+ "border-right-style",
+ "border-right-width",
+ "border-bottom-color",
+ "border-bottom-style",
+ "border-bottom-width",
+ "border-left-color",
+ "border-left-style",
+ "border-left-width",
+ "border-top-left-radius",
+ "border-top-right-radius",
+ "border-bottom-right-radius",
+ "border-bottom-left-radius",
+ "box-decoration-break",
+ "-moz-float-edge",
+ "border-image-source",
+ "border-image-outset",
+ "border-image-repeat",
+ "border-image-width",
+ "border-image-slice",
+ "display",
+ "position",
+ "float",
+ "clear",
+ "vertical-align",
+ "overflow-clip-box-inline",
+ "overflow-clip-box-block",
+ "overflow-x",
+ "overflow-y",
+ "overflow-anchor",
+ "transform",
+ "rotate",
+ "scale",
+ "translate",
+ "offset-path",
+ "offset-distance",
+ "offset-rotate",
+ "offset-anchor",
+ "scroll-behavior",
+ "scroll-snap-align",
+ "scroll-snap-type",
+ "scroll-snap-stop",
+ "overscroll-behavior-x",
+ "overscroll-behavior-y",
+ "isolation",
+ "break-after",
+ "break-before",
+ "break-inside",
+ "resize",
+ "perspective",
+ "perspective-origin",
+ "backface-visibility",
+ "transform-box",
+ "transform-style",
+ "transform-origin",
+ "contain",
+ "content-visibility",
+ "container-type",
+ "container-name",
+ "appearance",
+ "-moz-orient",
+ "will-change",
+ "shape-image-threshold",
+ "shape-margin",
+ "shape-outside",
+ "touch-action",
+ "-webkit-line-clamp",
+ "scrollbar-gutter",
+ "column-width",
+ "column-count",
+ "column-fill",
+ "column-rule-width",
+ "column-rule-color",
+ "column-span",
+ "column-rule-style",
+ "content",
+ "counter-increment",
+ "counter-reset",
+ "counter-set",
+ "opacity",
+ "box-shadow",
+ "clip",
+ "filter",
+ "backdrop-filter",
+ "mix-blend-mode",
+ "font-family",
+ "font-style",
+ "font-variant-caps",
+ "font-weight",
+ "font-size",
+ "font-size-adjust",
+ "font-synthesis",
+ "font-stretch",
+ "font-kerning",
+ "font-variant-alternates",
+ "font-variant-east-asian",
+ "font-variant-emoji",
+ "font-variant-ligatures",
+ "font-variant-numeric",
+ "font-variant-position",
+ "font-feature-settings",
+ "font-variation-settings",
+ "font-language-override",
+ "font-optical-sizing",
+ "font-palette",
+ "math-depth",
+ "math-style",
+ "-moz-osx-font-smoothing",
+ "visibility",
+ "writing-mode",
+ "text-orientation",
+ "print-color-adjust",
+ "image-rendering",
+ "image-orientation",
+ "dominant-baseline",
+ "text-anchor",
+ "color-interpolation",
+ "color-interpolation-filters",
+ "fill",
+ "fill-opacity",
+ "fill-rule",
+ "shape-rendering",
+ "stroke",
+ "stroke-width",
+ "stroke-linecap",
+ "stroke-linejoin",
+ "stroke-miterlimit",
+ "stroke-opacity",
+ "stroke-dasharray",
+ "stroke-dashoffset",
+ "clip-rule",
+ "marker-start",
+ "marker-mid",
+ "marker-end",
+ "paint-order",
+ "-moz-context-properties",
+ "border-collapse",
+ "empty-cells",
+ "caption-side",
+ "border-spacing",
+ "color",
+ "line-height",
+ "text-transform",
+ "hyphens",
+ "-moz-text-size-adjust",
+ "text-indent",
+ "overflow-wrap",
+ "word-break",
+ "text-justify",
+ "text-align-last",
+ "text-align",
+ "letter-spacing",
+ "word-spacing",
+ "white-space",
+ "text-shadow",
+ "text-emphasis-style",
+ "text-emphasis-position",
+ "text-emphasis-color",
+ "tab-size",
+ "line-break",
+ "-webkit-text-fill-color",
+ "-webkit-text-stroke-color",
+ "-webkit-text-stroke-width",
+ "ruby-align",
+ "ruby-position",
+ "text-combine-upright",
+ "text-rendering",
+ "-moz-control-character-visibility",
+ "text-underline-offset",
+ "text-underline-position",
+ "text-decoration-skip-ink",
+ "hyphenate-character",
+ "cursor",
+ "pointer-events",
+ "-moz-user-input",
+ "-moz-user-modify",
+ "-moz-user-focus",
+ "caret-color",
+ "accent-color",
+ "color-scheme",
+ "scrollbar-color",
+ "list-style-position",
+ "list-style-type",
+ "list-style-image",
+ "quotes",
+ "-moz-image-region",
+ "margin-top",
+ "margin-right",
+ "margin-bottom",
+ "margin-left",
+ "overflow-clip-margin",
+ "scroll-margin-top",
+ "scroll-margin-right",
+ "scroll-margin-bottom",
+ "scroll-margin-left",
+ "outline-color",
+ "outline-style",
+ "outline-width",
+ "outline-offset",
+ "page",
+ "padding-top",
+ "padding-right",
+ "padding-bottom",
+ "padding-left",
+ "scroll-padding-top",
+ "scroll-padding-right",
+ "scroll-padding-bottom",
+ "scroll-padding-left",
+ "top",
+ "right",
+ "bottom",
+ "left",
+ "z-index",
+ "flex-direction",
+ "flex-wrap",
+ "justify-content",
+ "justify-tracks",
+ "align-content",
+ "align-tracks",
+ "align-items",
+ "justify-items",
+ "flex-grow",
+ "flex-shrink",
+ "align-self",
+ "justify-self",
+ "order",
+ "flex-basis",
+ "width",
+ "min-width",
+ "max-width",
+ "height",
+ "min-height",
+ "max-height",
+ "box-sizing",
+ "object-fit",
+ "object-position",
+ "grid-row-start",
+ "grid-row-end",
+ "grid-auto-rows",
+ "grid-template-rows",
+ "grid-column-start",
+ "grid-column-end",
+ "grid-auto-columns",
+ "grid-template-columns",
+ "masonry-auto-flow",
+ "grid-auto-flow",
+ "grid-template-areas",
+ "column-gap",
+ "row-gap",
+ "aspect-ratio",
+ "contain-intrinsic-width",
+ "contain-intrinsic-height",
+ "vector-effect",
+ "stop-color",
+ "stop-opacity",
+ "flood-color",
+ "flood-opacity",
+ "lighting-color",
+ "mask-type",
+ "clip-path",
+ "mask-mode",
+ "mask-repeat",
+ "mask-position-x",
+ "mask-position-y",
+ "mask-clip",
+ "mask-origin",
+ "mask-size",
+ "mask-composite",
+ "mask-image",
+ "x",
+ "y",
+ "cx",
+ "cy",
+ "rx",
+ "ry",
+ "r",
+ "d",
+ "table-layout",
+ "text-overflow",
+ "text-decoration-line",
+ "text-decoration-style",
+ "text-decoration-color",
+ "initial-letter",
+ "text-decoration-thickness",
+ "ime-mode",
+ "scrollbar-width",
+ "user-select",
+ "-moz-window-dragging",
+ "-moz-force-broken-image-icon",
+ "transition-duration",
+ "transition-timing-function",
+ "transition-property",
+ "transition-delay",
+ "animation-name",
+ "animation-duration",
+ "animation-timing-function",
+ "animation-iteration-count",
+ "animation-direction",
+ "animation-play-state",
+ "animation-fill-mode",
+ "animation-composition",
+ "animation-delay",
+ "animation-timeline",
+ "scroll-timeline-name",
+ "scroll-timeline-axis",
+ "-moz-box-align",
+ "-moz-box-direction",
+ "-moz-box-flex",
+ "-moz-box-orient",
+ "-moz-box-pack",
+ "-moz-box-ordinal-group"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name",
+ "animation-duration",
+ "animation-timing-function",
+ "animation-delay",
+ "animation-iteration-count",
+ "animation-direction",
+ "animation-fill-mode",
+ "animation-play-state",
+ "animation-timeline"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "auto",
+ "backwards",
+ "both",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "forwards",
+ "infinite",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "normal",
+ "paused",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "running",
+ "scroll",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "animation-composition": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-composition"
+ ],
+ "supports": [],
+ "values": [
+ "accumulate",
+ "add",
+ "inherit",
+ "initial",
+ "replace",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-direction"
+ ],
+ "supports": [],
+ "values": [
+ "alternate",
+ "alternate-reverse",
+ "inherit",
+ "initial",
+ "normal",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-fill-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-fill-mode"
+ ],
+ "supports": [],
+ "values": [
+ "backwards",
+ "both",
+ "forwards",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-iteration-count": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-iteration-count"
+ ],
+ "supports": [],
+ "values": [
+ "infinite",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-name": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-name"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "animation-play-state": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-play-state"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "paused",
+ "revert",
+ "revert-layer",
+ "running",
+ "unset"
+ ]
+ },
+ "animation-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "animation-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "appearance": {
+ "isInherited": false,
+ "subproperties": [
+ "appearance"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-mac-active-source-list-selection",
+ "-moz-mac-disclosure-button-closed",
+ "-moz-mac-disclosure-button-open",
+ "-moz-mac-help-button",
+ "-moz-mac-source-list",
+ "-moz-mac-source-list-selection",
+ "-moz-menulist-arrow-button",
+ "-moz-win-borderless-glass",
+ "-moz-win-browsertabbar-toolbox",
+ "-moz-win-communications-toolbox",
+ "-moz-win-exclude-glass",
+ "-moz-win-media-toolbox",
+ "-moz-window-button-box",
+ "-moz-window-button-box-maximized",
+ "-moz-window-button-close",
+ "-moz-window-button-maximize",
+ "-moz-window-button-minimize",
+ "-moz-window-button-restore",
+ "-moz-window-titlebar",
+ "-moz-window-titlebar-maximized",
+ "auto",
+ "button",
+ "button-arrow-down",
+ "button-arrow-next",
+ "button-arrow-previous",
+ "button-arrow-up",
+ "checkbox",
+ "checkbox-container",
+ "checkbox-label",
+ "checkmenuitem",
+ "dialog",
+ "dualbutton",
+ "groupbox",
+ "inherit",
+ "initial",
+ "listbox",
+ "menuarrow",
+ "menubar",
+ "menucheckbox",
+ "menuimage",
+ "menuitem",
+ "menuitemtext",
+ "menulist",
+ "menulist-button",
+ "menulist-text",
+ "menupopup",
+ "menuradio",
+ "menuseparator",
+ "meter",
+ "meterbar",
+ "meterchunk",
+ "none",
+ "number-input",
+ "progress-bar",
+ "progressbar",
+ "progresschunk",
+ "radio",
+ "radio-container",
+ "radio-label",
+ "radiomenuitem",
+ "range",
+ "range-thumb",
+ "resizer",
+ "resizerpanel",
+ "revert",
+ "revert-layer",
+ "scrollbar-horizontal",
+ "scrollbar-vertical",
+ "scrollbarbutton-down",
+ "scrollbarbutton-left",
+ "scrollbarbutton-right",
+ "scrollbarbutton-up",
+ "scrollbarthumb-horizontal",
+ "scrollbarthumb-vertical",
+ "scrollbartrack-horizontal",
+ "scrollbartrack-vertical",
+ "scrollcorner",
+ "searchfield",
+ "separator",
+ "spinner",
+ "spinner-downbutton",
+ "spinner-textfield",
+ "spinner-upbutton",
+ "splitter",
+ "statusbar",
+ "statusbarpanel",
+ "tab",
+ "tab-scroll-arrow-back",
+ "tab-scroll-arrow-forward",
+ "tabpanel",
+ "tabpanels",
+ "textarea",
+ "textfield",
+ "textfield-multiline",
+ "toolbar",
+ "toolbarbutton",
+ "toolbarbutton-dropdown",
+ "toolbargripper",
+ "toolbox",
+ "tooltip",
+ "treeheader",
+ "treeheadercell",
+ "treeheadersortarrow",
+ "treeitem",
+ "treeline",
+ "treetwisty",
+ "treetwistyopen",
+ "treeview",
+ "unset",
+ "window"
+ ]
+ },
+ "aspect-ratio": {
+ "isInherited": false,
+ "subproperties": [
+ "aspect-ratio"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "backdrop-filter": {
+ "isInherited": false,
+ "subproperties": [
+ "backdrop-filter"
+ ],
+ "supports": [],
+ "values": [
+ "blur",
+ "brightness",
+ "contrast",
+ "drop-shadow",
+ "grayscale",
+ "hue-rotate",
+ "inherit",
+ "initial",
+ "invert",
+ "none",
+ "opacity",
+ "revert",
+ "revert-layer",
+ "saturate",
+ "sepia",
+ "unset",
+ "url"
+ ]
+ },
+ "backface-visibility": {
+ "isInherited": false,
+ "subproperties": [
+ "backface-visibility"
+ ],
+ "supports": [],
+ "values": [
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset",
+ "visible"
+ ]
+ },
+ "background": {
+ "isInherited": false,
+ "subproperties": [
+ "background-color",
+ "background-position-x",
+ "background-position-y",
+ "background-repeat",
+ "background-attachment",
+ "background-image",
+ "background-size",
+ "background-origin",
+ "background-clip"
+ ],
+ "supports": [
+ "color",
+ "gradient"
+ ],
+ "values": [
+ "COLOR",
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "auto",
+ "border-box",
+ "bottom",
+ "center",
+ "color-mix",
+ "conic-gradient",
+ "contain",
+ "content-box",
+ "cover",
+ "currentColor",
+ "fixed",
+ "hsl",
+ "hsla",
+ "hwb",
+ "image-set",
+ "inherit",
+ "initial",
+ "left",
+ "linear-gradient",
+ "local",
+ "no-repeat",
+ "none",
+ "padding-box",
+ "radial-gradient",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "right",
+ "round",
+ "scroll",
+ "space",
+ "text",
+ "top",
+ "transparent",
+ "unset",
+ "url"
+ ]
+ },
+ "background-attachment": {
+ "isInherited": false,
+ "subproperties": [
+ "background-attachment"
+ ],
+ "supports": [],
+ "values": [
+ "fixed",
+ "inherit",
+ "initial",
+ "local",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset"
+ ]
+ },
+ "background-blend-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "background-blend-mode"
+ ],
+ "supports": [],
+ "values": [
+ "color",
+ "color-burn",
+ "color-dodge",
+ "darken",
+ "difference",
+ "exclusion",
+ "hard-light",
+ "hue",
+ "inherit",
+ "initial",
+ "lighten",
+ "luminosity",
+ "multiply",
+ "normal",
+ "overlay",
+ "revert",
+ "revert-layer",
+ "saturation",
+ "screen",
+ "soft-light",
+ "unset"
+ ]
+ },
+ "background-clip": {
+ "isInherited": false,
+ "subproperties": [
+ "background-clip"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "text",
+ "unset"
+ ]
+ },
+ "background-color": {
+ "isInherited": false,
+ "subproperties": [
+ "background-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "background-image": {
+ "isInherited": false,
+ "subproperties": [
+ "background-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "conic-gradient",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "background-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "background-origin"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "background-position": {
+ "isInherited": false,
+ "subproperties": [
+ "background-position-x",
+ "background-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "background-position-x": {
+ "isInherited": false,
+ "subproperties": [
+ "background-position-x"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "background-position-y": {
+ "isInherited": false,
+ "subproperties": [
+ "background-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "top",
+ "unset"
+ ]
+ },
+ "background-repeat": {
+ "isInherited": false,
+ "subproperties": [
+ "background-repeat"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "no-repeat",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "unset"
+ ]
+ },
+ "background-size": {
+ "isInherited": false,
+ "subproperties": [
+ "background-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "cover",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "block-size": {
+ "isInherited": false,
+ "subproperties": [
+ "block-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-color",
+ "border-top-style",
+ "border-top-width",
+ "border-right-color",
+ "border-right-style",
+ "border-right-width",
+ "border-bottom-color",
+ "border-bottom-style",
+ "border-bottom-width",
+ "border-left-color",
+ "border-left-style",
+ "border-left-width",
+ "border-image-outset",
+ "border-image-repeat",
+ "border-image-slice",
+ "border-image-source",
+ "border-image-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-width",
+ "border-block-end-width",
+ "border-block-start-style",
+ "border-block-end-style",
+ "border-block-start-color",
+ "border-block-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-color",
+ "border-block-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-end-color",
+ "border-block-end-style",
+ "border-block-end-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-end-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-end-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-end-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-block-end-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-end-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-color",
+ "border-block-start-style",
+ "border-block-start-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-start-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-block-start-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-block-start-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-block-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-style",
+ "border-block-end-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-block-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-block-start-width",
+ "border-block-end-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-color",
+ "border-bottom-style",
+ "border-bottom-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-bottom-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-bottom-left-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-bottom-right-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-right-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-bottom-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-bottom-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-bottom-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-collapse": {
+ "isInherited": true,
+ "subproperties": [
+ "border-collapse"
+ ],
+ "supports": [],
+ "values": [
+ "collapse",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "separate",
+ "unset"
+ ]
+ },
+ "border-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-color",
+ "border-right-color",
+ "border-bottom-color",
+ "border-left-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-end-end-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-end-end-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-end-start-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-end-start-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-image": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-outset",
+ "border-image-repeat",
+ "border-image-slice",
+ "border-image-source",
+ "border-image-width"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "auto",
+ "conic-gradient",
+ "fill",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeat",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "stretch",
+ "unset",
+ "url"
+ ]
+ },
+ "border-image-outset": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-outset"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-image-repeat": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-repeat"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "repeat",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "stretch",
+ "unset"
+ ]
+ },
+ "border-image-slice": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-slice"
+ ],
+ "supports": [],
+ "values": [
+ "fill",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-image-source": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-source"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "conic-gradient",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "border-image-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-image-width"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-width",
+ "border-inline-end-width",
+ "border-inline-start-style",
+ "border-inline-end-style",
+ "border-inline-start-color",
+ "border-inline-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-color",
+ "border-inline-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-color",
+ "border-inline-end-style",
+ "border-inline-end-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-end-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-end-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-inline-end-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-end-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-color",
+ "border-inline-start-style",
+ "border-inline-start-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-start-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-inline-start-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-inline-start-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-inline-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-style",
+ "border-inline-end-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-inline-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-inline-start-width",
+ "border-inline-end-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-left": {
+ "isInherited": false,
+ "subproperties": [
+ "border-left-color",
+ "border-left-style",
+ "border-left-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-left-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-left-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-left-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-left-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-left-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-left-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-left-radius",
+ "border-top-right-radius",
+ "border-bottom-right-radius",
+ "border-bottom-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-right": {
+ "isInherited": false,
+ "subproperties": [
+ "border-right-color",
+ "border-right-style",
+ "border-right-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-right-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-right-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-right-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-right-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-right-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-right-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-spacing": {
+ "isInherited": true,
+ "subproperties": [
+ "border-spacing"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-start-end-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-start-end-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-start-start-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-start-start-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-style",
+ "border-right-style",
+ "border-bottom-style",
+ "border-left-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-top": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-color",
+ "border-top-style",
+ "border-top-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-top-color": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "border-top-left-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-left-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-top-right-radius": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-right-radius"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "border-top-style": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "border-top-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "border-width": {
+ "isInherited": false,
+ "subproperties": [
+ "border-top-width",
+ "border-right-width",
+ "border-bottom-width",
+ "border-left-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "bottom"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "box-decoration-break": {
+ "isInherited": false,
+ "subproperties": [
+ "box-decoration-break"
+ ],
+ "supports": [],
+ "values": [
+ "clone",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "slice",
+ "unset"
+ ]
+ },
+ "box-shadow": {
+ "isInherited": false,
+ "subproperties": [
+ "box-shadow"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "box-sizing": {
+ "isInherited": false,
+ "subproperties": [
+ "box-sizing"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "break-after": {
+ "isInherited": false,
+ "subproperties": [
+ "break-after"
+ ],
+ "supports": [],
+ "values": [
+ "always",
+ "auto",
+ "avoid",
+ "inherit",
+ "initial",
+ "left",
+ "page",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "break-before": {
+ "isInherited": false,
+ "subproperties": [
+ "break-before"
+ ],
+ "supports": [],
+ "values": [
+ "always",
+ "auto",
+ "avoid",
+ "inherit",
+ "initial",
+ "left",
+ "page",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "break-inside": {
+ "isInherited": false,
+ "subproperties": [
+ "break-inside"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "avoid",
+ "avoid-column",
+ "avoid-page",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "caption-side": {
+ "isInherited": true,
+ "subproperties": [
+ "caption-side"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "top",
+ "unset"
+ ]
+ },
+ "caret-color": {
+ "isInherited": true,
+ "subproperties": [
+ "caret-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "auto",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "clear": {
+ "isInherited": false,
+ "subproperties": [
+ "clear"
+ ],
+ "supports": [],
+ "values": [
+ "both",
+ "inherit",
+ "initial",
+ "inline-end",
+ "inline-start",
+ "left",
+ "none",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "clip": {
+ "isInherited": false,
+ "subproperties": [
+ "clip"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "rect",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "clip-path": {
+ "isInherited": false,
+ "subproperties": [
+ "clip-path"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "circle",
+ "content-box",
+ "ellipse",
+ "fill-box",
+ "inherit",
+ "initial",
+ "inset",
+ "margin-box",
+ "none",
+ "padding-box",
+ "path",
+ "polygon",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "url",
+ "view-box"
+ ]
+ },
+ "clip-rule": {
+ "isInherited": true,
+ "subproperties": [
+ "clip-rule"
+ ],
+ "supports": [],
+ "values": [
+ "evenodd",
+ "inherit",
+ "initial",
+ "nonzero",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "color": {
+ "isInherited": true,
+ "subproperties": [
+ "color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "color-adjust": {
+ "isInherited": true,
+ "subproperties": [
+ "print-color-adjust"
+ ],
+ "supports": [],
+ "values": [
+ "economy",
+ "exact",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "color-interpolation": {
+ "isInherited": true,
+ "subproperties": [
+ "color-interpolation"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "linearrgb",
+ "revert",
+ "revert-layer",
+ "srgb",
+ "unset"
+ ]
+ },
+ "color-interpolation-filters": {
+ "isInherited": true,
+ "subproperties": [
+ "color-interpolation-filters"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "linearrgb",
+ "revert",
+ "revert-layer",
+ "srgb",
+ "unset"
+ ]
+ },
+ "color-scheme": {
+ "isInherited": true,
+ "subproperties": [
+ "color-scheme"
+ ],
+ "supports": [],
+ "values": [
+ "dark",
+ "inherit",
+ "initial",
+ "light",
+ "normal",
+ "only",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "column-count": {
+ "isInherited": false,
+ "subproperties": [
+ "column-count"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "column-fill": {
+ "isInherited": false,
+ "subproperties": [
+ "column-fill"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "balance",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "column-gap": {
+ "isInherited": false,
+ "subproperties": [
+ "column-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "column-rule": {
+ "isInherited": false,
+ "subproperties": [
+ "column-rule-width",
+ "column-rule-style",
+ "column-rule-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "column-rule-color": {
+ "isInherited": false,
+ "subproperties": [
+ "column-rule-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "column-rule-style": {
+ "isInherited": false,
+ "subproperties": [
+ "column-rule-style"
+ ],
+ "supports": [],
+ "values": [
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "column-rule-width": {
+ "isInherited": false,
+ "subproperties": [
+ "column-rule-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "column-span": {
+ "isInherited": false,
+ "subproperties": [
+ "column-span"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "column-width": {
+ "isInherited": false,
+ "subproperties": [
+ "column-width"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "columns": {
+ "isInherited": false,
+ "subproperties": [
+ "column-width",
+ "column-count"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "contain": {
+ "isInherited": false,
+ "subproperties": [
+ "contain"
+ ],
+ "supports": [],
+ "values": [
+ "content",
+ "inherit",
+ "initial",
+ "inline-size",
+ "layout",
+ "none",
+ "paint",
+ "revert",
+ "revert-layer",
+ "size",
+ "strict",
+ "style",
+ "unset"
+ ]
+ },
+ "contain-intrinsic-block-size": {
+ "isInherited": false,
+ "subproperties": [
+ "contain-intrinsic-block-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "contain-intrinsic-height": {
+ "isInherited": false,
+ "subproperties": [
+ "contain-intrinsic-height"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "contain-intrinsic-inline-size": {
+ "isInherited": false,
+ "subproperties": [
+ "contain-intrinsic-inline-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "contain-intrinsic-size": {
+ "isInherited": false,
+ "subproperties": [
+ "contain-intrinsic-width",
+ "contain-intrinsic-height"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "contain-intrinsic-width": {
+ "isInherited": false,
+ "subproperties": [
+ "contain-intrinsic-width"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "container": {
+ "isInherited": false,
+ "subproperties": [
+ "container-name",
+ "container-type"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "inline-size",
+ "none",
+ "normal",
+ "revert",
+ "revert-layer",
+ "size",
+ "unset"
+ ]
+ },
+ "container-name": {
+ "isInherited": false,
+ "subproperties": [
+ "container-name"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "container-type": {
+ "isInherited": false,
+ "subproperties": [
+ "container-type"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "inline-size",
+ "normal",
+ "revert",
+ "revert-layer",
+ "size",
+ "unset"
+ ]
+ },
+ "content": {
+ "isInherited": false,
+ "subproperties": [
+ "content"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-alt-content",
+ "attr",
+ "close-quote",
+ "counter",
+ "counters",
+ "image-set",
+ "inherit",
+ "initial",
+ "no-close-quote",
+ "no-open-quote",
+ "none",
+ "normal",
+ "open-quote",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "counter-increment": {
+ "isInherited": false,
+ "subproperties": [
+ "counter-increment"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "counter-reset": {
+ "isInherited": false,
+ "subproperties": [
+ "counter-reset"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "counter-set": {
+ "isInherited": false,
+ "subproperties": [
+ "counter-set"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "cursor": {
+ "isInherited": true,
+ "subproperties": [
+ "cursor"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-grab",
+ "-moz-grabbing",
+ "-moz-zoom-in",
+ "-moz-zoom-out",
+ "alias",
+ "all-scroll",
+ "auto",
+ "cell",
+ "col-resize",
+ "context-menu",
+ "copy",
+ "crosshair",
+ "default",
+ "e-resize",
+ "ew-resize",
+ "grab",
+ "grabbing",
+ "help",
+ "image-set",
+ "inherit",
+ "initial",
+ "move",
+ "n-resize",
+ "ne-resize",
+ "nesw-resize",
+ "no-drop",
+ "none",
+ "not-allowed",
+ "ns-resize",
+ "nw-resize",
+ "nwse-resize",
+ "pointer",
+ "progress",
+ "revert",
+ "revert-layer",
+ "row-resize",
+ "s-resize",
+ "se-resize",
+ "sw-resize",
+ "text",
+ "unset",
+ "url",
+ "vertical-text",
+ "w-resize",
+ "wait",
+ "zoom-in",
+ "zoom-out"
+ ]
+ },
+ "cx": {
+ "isInherited": false,
+ "subproperties": [
+ "cx"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "cy": {
+ "isInherited": false,
+ "subproperties": [
+ "cy"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "d": {
+ "isInherited": false,
+ "subproperties": [
+ "d"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "path",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "direction": {
+ "isInherited": true,
+ "subproperties": [
+ "direction"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "ltr",
+ "revert",
+ "revert-layer",
+ "rtl",
+ "unset"
+ ]
+ },
+ "display": {
+ "isInherited": false,
+ "subproperties": [
+ "display"
+ ],
+ "supports": [],
+ "values": [
+ "-webkit-box",
+ "-webkit-inline-box",
+ "block",
+ "block ruby",
+ "contents",
+ "flex",
+ "flow-root",
+ "flow-root list-item",
+ "grid",
+ "inherit",
+ "initial",
+ "inline",
+ "inline flow-root list-item",
+ "inline list-item",
+ "inline-block",
+ "inline-flex",
+ "inline-grid",
+ "inline-table",
+ "list-item",
+ "none",
+ "revert",
+ "revert-layer",
+ "ruby",
+ "ruby-base",
+ "ruby-base-container",
+ "ruby-text",
+ "ruby-text-container",
+ "table",
+ "table-caption",
+ "table-cell",
+ "table-column",
+ "table-column-group",
+ "table-footer-group",
+ "table-header-group",
+ "table-row",
+ "table-row-group",
+ "unset"
+ ]
+ },
+ "dominant-baseline": {
+ "isInherited": true,
+ "subproperties": [
+ "dominant-baseline"
+ ],
+ "supports": [],
+ "values": [
+ "alphabetic",
+ "auto",
+ "central",
+ "hanging",
+ "ideographic",
+ "inherit",
+ "initial",
+ "mathematical",
+ "middle",
+ "revert",
+ "revert-layer",
+ "text-after-edge",
+ "text-before-edge",
+ "unset"
+ ]
+ },
+ "empty-cells": {
+ "isInherited": true,
+ "subproperties": [
+ "empty-cells"
+ ],
+ "supports": [],
+ "values": [
+ "hide",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "show",
+ "unset"
+ ]
+ },
+ "fill": {
+ "isInherited": true,
+ "subproperties": [
+ "fill"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "context-fill",
+ "context-stroke",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset",
+ "url"
+ ]
+ },
+ "fill-opacity": {
+ "isInherited": true,
+ "subproperties": [
+ "fill-opacity"
+ ],
+ "supports": [],
+ "values": [
+ "context-fill-opacity",
+ "context-stroke-opacity",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "fill-rule": {
+ "isInherited": true,
+ "subproperties": [
+ "fill-rule"
+ ],
+ "supports": [],
+ "values": [
+ "evenodd",
+ "inherit",
+ "initial",
+ "nonzero",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "filter": {
+ "isInherited": false,
+ "subproperties": [
+ "filter"
+ ],
+ "supports": [],
+ "values": [
+ "blur",
+ "brightness",
+ "contrast",
+ "drop-shadow",
+ "grayscale",
+ "hue-rotate",
+ "inherit",
+ "initial",
+ "invert",
+ "none",
+ "opacity",
+ "revert",
+ "revert-layer",
+ "saturate",
+ "sepia",
+ "unset",
+ "url"
+ ]
+ },
+ "flex": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-grow",
+ "flex-shrink",
+ "flex-basis"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "content",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "flex-basis": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-basis"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "content",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "flex-direction": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-direction"
+ ],
+ "supports": [],
+ "values": [
+ "column",
+ "column-reverse",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "row",
+ "row-reverse",
+ "unset"
+ ]
+ },
+ "flex-flow": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-direction",
+ "flex-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "column",
+ "column-reverse",
+ "inherit",
+ "initial",
+ "nowrap",
+ "revert",
+ "revert-layer",
+ "row",
+ "row-reverse",
+ "unset",
+ "wrap",
+ "wrap-reverse"
+ ]
+ },
+ "flex-grow": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-grow"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "flex-shrink": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-shrink"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "flex-wrap": {
+ "isInherited": false,
+ "subproperties": [
+ "flex-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "nowrap",
+ "revert",
+ "revert-layer",
+ "unset",
+ "wrap",
+ "wrap-reverse"
+ ]
+ },
+ "float": {
+ "isInherited": false,
+ "subproperties": [
+ "float"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "inline-end",
+ "inline-start",
+ "left",
+ "none",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "flood-color": {
+ "isInherited": false,
+ "subproperties": [
+ "flood-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "flood-opacity": {
+ "isInherited": false,
+ "subproperties": [
+ "flood-opacity"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font": {
+ "isInherited": true,
+ "subproperties": [
+ "font-style",
+ "font-variant-caps",
+ "font-weight",
+ "font-stretch",
+ "font-size",
+ "line-height",
+ "font-family",
+ "font-size-adjust",
+ "font-kerning",
+ "font-optical-sizing",
+ "font-variant-alternates",
+ "font-variant-east-asian",
+ "font-variant-emoji",
+ "font-variant-ligatures",
+ "font-variant-numeric",
+ "font-variant-position",
+ "font-language-override",
+ "font-feature-settings",
+ "font-variation-settings"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-button",
+ "-moz-field",
+ "-moz-list",
+ "-moz-pull-down-menu",
+ "all-petite-caps",
+ "all-small-caps",
+ "bold",
+ "bolder",
+ "caption",
+ "condensed",
+ "expanded",
+ "extra-condensed",
+ "extra-expanded",
+ "icon",
+ "inherit",
+ "initial",
+ "italic",
+ "large",
+ "larger",
+ "lighter",
+ "medium",
+ "menu",
+ "message-box",
+ "normal",
+ "oblique",
+ "petite-caps",
+ "revert",
+ "revert-layer",
+ "semi-condensed",
+ "semi-expanded",
+ "small",
+ "small-caps",
+ "small-caption",
+ "smaller",
+ "status-bar",
+ "titling-caps",
+ "ultra-condensed",
+ "ultra-expanded",
+ "unicase",
+ "unset",
+ "x-large",
+ "x-small",
+ "xx-large",
+ "xx-small",
+ "xxx-large"
+ ]
+ },
+ "font-family": {
+ "isInherited": true,
+ "subproperties": [
+ "font-family"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-feature-settings": {
+ "isInherited": true,
+ "subproperties": [
+ "font-feature-settings"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-kerning": {
+ "isInherited": true,
+ "subproperties": [
+ "font-kerning"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-language-override": {
+ "isInherited": true,
+ "subproperties": [
+ "font-language-override"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-optical-sizing": {
+ "isInherited": true,
+ "subproperties": [
+ "font-optical-sizing"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-palette": {
+ "isInherited": true,
+ "subproperties": [
+ "font-palette"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-size": {
+ "isInherited": true,
+ "subproperties": [
+ "font-size"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "large",
+ "larger",
+ "medium",
+ "revert",
+ "revert-layer",
+ "small",
+ "smaller",
+ "unset",
+ "x-large",
+ "x-small",
+ "xx-large",
+ "xx-small",
+ "xxx-large"
+ ]
+ },
+ "font-size-adjust": {
+ "isInherited": true,
+ "subproperties": [
+ "font-size-adjust"
+ ],
+ "supports": [],
+ "values": [
+ "cap-height",
+ "ch-width",
+ "ic-height",
+ "ic-width",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-stretch": {
+ "isInherited": true,
+ "subproperties": [
+ "font-stretch"
+ ],
+ "supports": [],
+ "values": [
+ "condensed",
+ "expanded",
+ "extra-condensed",
+ "extra-expanded",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "semi-condensed",
+ "semi-expanded",
+ "ultra-condensed",
+ "ultra-expanded",
+ "unset"
+ ]
+ },
+ "font-style": {
+ "isInherited": true,
+ "subproperties": [
+ "font-style"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "italic",
+ "normal",
+ "oblique",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-synthesis": {
+ "isInherited": true,
+ "subproperties": [
+ "font-synthesis"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "small-caps",
+ "style",
+ "unset",
+ "weight"
+ ]
+ },
+ "font-variant": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-caps",
+ "font-variant-alternates",
+ "font-variant-east-asian",
+ "font-variant-emoji",
+ "font-variant-ligatures",
+ "font-variant-numeric",
+ "font-variant-position"
+ ],
+ "supports": [],
+ "values": [
+ "all-petite-caps",
+ "all-small-caps",
+ "annotation",
+ "character-variant",
+ "common-ligatures",
+ "contextual",
+ "diagonal-fractions",
+ "discretionary-ligatures",
+ "emoji",
+ "full-width",
+ "historical-forms",
+ "historical-ligatures",
+ "inherit",
+ "initial",
+ "jis04",
+ "jis78",
+ "jis83",
+ "jis90",
+ "lining-nums",
+ "no-common-ligatures",
+ "no-contextual",
+ "no-discretionary-ligatures",
+ "no-historical-ligatures",
+ "none",
+ "normal",
+ "oldstyle-nums",
+ "ordinal",
+ "ornaments",
+ "petite-caps",
+ "proportional-nums",
+ "proportional-width",
+ "revert",
+ "revert-layer",
+ "ruby",
+ "simplified",
+ "slashed-zero",
+ "small-caps",
+ "stacked-fractions",
+ "styleset",
+ "stylistic",
+ "sub",
+ "super",
+ "swash",
+ "tabular-nums",
+ "text",
+ "titling-caps",
+ "traditional",
+ "unicase",
+ "unicode",
+ "unset"
+ ]
+ },
+ "font-variant-alternates": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-alternates"
+ ],
+ "supports": [],
+ "values": [
+ "annotation",
+ "character-variant",
+ "historical-forms",
+ "inherit",
+ "initial",
+ "normal",
+ "ornaments",
+ "revert",
+ "revert-layer",
+ "styleset",
+ "stylistic",
+ "swash",
+ "unset"
+ ]
+ },
+ "font-variant-caps": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-caps"
+ ],
+ "supports": [],
+ "values": [
+ "all-petite-caps",
+ "all-small-caps",
+ "inherit",
+ "initial",
+ "normal",
+ "petite-caps",
+ "revert",
+ "revert-layer",
+ "small-caps",
+ "titling-caps",
+ "unicase",
+ "unset"
+ ]
+ },
+ "font-variant-east-asian": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-east-asian"
+ ],
+ "supports": [],
+ "values": [
+ "full-width",
+ "inherit",
+ "initial",
+ "jis04",
+ "jis78",
+ "jis83",
+ "jis90",
+ "normal",
+ "proportional-width",
+ "revert",
+ "revert-layer",
+ "ruby",
+ "simplified",
+ "traditional",
+ "unset"
+ ]
+ },
+ "font-variant-emoji": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-emoji"
+ ],
+ "supports": [],
+ "values": [
+ "emoji",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "text",
+ "unicode",
+ "unset"
+ ]
+ },
+ "font-variant-ligatures": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-ligatures"
+ ],
+ "supports": [],
+ "values": [
+ "common-ligatures",
+ "contextual",
+ "discretionary-ligatures",
+ "historical-ligatures",
+ "inherit",
+ "initial",
+ "no-common-ligatures",
+ "no-contextual",
+ "no-discretionary-ligatures",
+ "no-historical-ligatures",
+ "none",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-variant-numeric": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-numeric"
+ ],
+ "supports": [],
+ "values": [
+ "diagonal-fractions",
+ "inherit",
+ "initial",
+ "lining-nums",
+ "normal",
+ "oldstyle-nums",
+ "ordinal",
+ "proportional-nums",
+ "revert",
+ "revert-layer",
+ "slashed-zero",
+ "stacked-fractions",
+ "tabular-nums",
+ "unset"
+ ]
+ },
+ "font-variant-position": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variant-position"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "sub",
+ "super",
+ "unset"
+ ]
+ },
+ "font-variation-settings": {
+ "isInherited": true,
+ "subproperties": [
+ "font-variation-settings"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "font-weight": {
+ "isInherited": true,
+ "subproperties": [
+ "font-weight"
+ ],
+ "supports": [],
+ "values": [
+ "bold",
+ "bolder",
+ "inherit",
+ "initial",
+ "lighter",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "gap": {
+ "isInherited": false,
+ "subproperties": [
+ "row-gap",
+ "column-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-template-rows",
+ "grid-template-columns",
+ "grid-template-areas",
+ "grid-auto-rows",
+ "grid-auto-columns",
+ "grid-auto-flow"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "column",
+ "dense",
+ "fit-content",
+ "inherit",
+ "initial",
+ "masonry",
+ "max-content",
+ "min-content",
+ "minmax",
+ "none",
+ "repeat",
+ "revert",
+ "revert-layer",
+ "row",
+ "unset"
+ ]
+ },
+ "grid-area": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-row-start",
+ "grid-row-end",
+ "grid-column-start",
+ "grid-column-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-auto-columns": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-auto-columns"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "minmax",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-auto-flow": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-auto-flow"
+ ],
+ "supports": [],
+ "values": [
+ "column",
+ "dense",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "row",
+ "unset"
+ ]
+ },
+ "grid-auto-rows": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-auto-rows"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "minmax",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-column": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-column-start",
+ "grid-column-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-column-end": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-column-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-column-gap": {
+ "isInherited": false,
+ "subproperties": [
+ "column-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-column-start": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-column-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-gap": {
+ "isInherited": false,
+ "subproperties": [
+ "row-gap",
+ "column-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-row": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-row-start",
+ "grid-row-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-row-end": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-row-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-row-gap": {
+ "isInherited": false,
+ "subproperties": [
+ "row-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-row-start": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-row-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-template": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-template-rows",
+ "grid-template-columns",
+ "grid-template-areas"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "masonry",
+ "max-content",
+ "min-content",
+ "minmax",
+ "none",
+ "repeat",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-template-areas": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-template-areas"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-template-columns": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-template-columns"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "masonry",
+ "max-content",
+ "min-content",
+ "minmax",
+ "none",
+ "repeat",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "grid-template-rows": {
+ "isInherited": false,
+ "subproperties": [
+ "grid-template-rows"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "masonry",
+ "max-content",
+ "min-content",
+ "minmax",
+ "none",
+ "repeat",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "height": {
+ "isInherited": false,
+ "subproperties": [
+ "height"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "hyphenate-character": {
+ "isInherited": true,
+ "subproperties": [
+ "hyphenate-character"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "hyphens": {
+ "isInherited": true,
+ "subproperties": [
+ "hyphens"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "manual",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "image-orientation": {
+ "isInherited": true,
+ "subproperties": [
+ "image-orientation"
+ ],
+ "supports": [],
+ "values": [
+ "from-image",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "image-rendering": {
+ "isInherited": true,
+ "subproperties": [
+ "image-rendering"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-crisp-edges",
+ "auto",
+ "crisp-edges",
+ "inherit",
+ "initial",
+ "optimizequality",
+ "optimizespeed",
+ "pixelated",
+ "revert",
+ "revert-layer",
+ "smooth",
+ "unset"
+ ]
+ },
+ "ime-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "ime-mode"
+ ],
+ "supports": [],
+ "values": [
+ "active",
+ "auto",
+ "disabled",
+ "inactive",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inline-size": {
+ "isInherited": false,
+ "subproperties": [
+ "inline-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset": {
+ "isInherited": false,
+ "subproperties": [
+ "top",
+ "right",
+ "bottom",
+ "left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-block": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-block-start",
+ "inset-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-block-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-inline-start",
+ "inset-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "inset-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "inset-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "isolation": {
+ "isInherited": false,
+ "subproperties": [
+ "isolation"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "isolate",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "justify-content": {
+ "isInherited": false,
+ "subproperties": [
+ "justify-content"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "justify-items": {
+ "isInherited": false,
+ "subproperties": [
+ "justify-items"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "left",
+ "legacy",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "justify-self": {
+ "isInherited": false,
+ "subproperties": [
+ "justify-self"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "justify-tracks": {
+ "isInherited": false,
+ "subproperties": [
+ "justify-tracks"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "left": {
+ "isInherited": false,
+ "subproperties": [
+ "left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "letter-spacing": {
+ "isInherited": true,
+ "subproperties": [
+ "letter-spacing"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "lighting-color": {
+ "isInherited": false,
+ "subproperties": [
+ "lighting-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "line-break": {
+ "isInherited": true,
+ "subproperties": [
+ "line-break"
+ ],
+ "supports": [],
+ "values": [
+ "anywhere",
+ "auto",
+ "inherit",
+ "initial",
+ "loose",
+ "normal",
+ "revert",
+ "revert-layer",
+ "strict",
+ "unset"
+ ]
+ },
+ "line-height": {
+ "isInherited": true,
+ "subproperties": [
+ "line-height"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-block-height",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "list-style": {
+ "isInherited": true,
+ "subproperties": [
+ "list-style-position",
+ "list-style-image",
+ "list-style-type"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "arabic-indic",
+ "armenian",
+ "bengali",
+ "cambodian",
+ "circle",
+ "cjk-decimal",
+ "cjk-earthly-branch",
+ "cjk-heavenly-stem",
+ "cjk-ideographic",
+ "conic-gradient",
+ "decimal",
+ "decimal-leading-zero",
+ "devanagari",
+ "disc",
+ "disclosure-closed",
+ "disclosure-open",
+ "ethiopic-numeric",
+ "georgian",
+ "gujarati",
+ "gurmukhi",
+ "hebrew",
+ "hiragana",
+ "hiragana-iroha",
+ "image-set",
+ "inherit",
+ "initial",
+ "inside",
+ "japanese-formal",
+ "japanese-informal",
+ "kannada",
+ "katakana",
+ "katakana-iroha",
+ "khmer",
+ "korean-hangul-formal",
+ "korean-hanja-formal",
+ "korean-hanja-informal",
+ "lao",
+ "linear-gradient",
+ "lower-alpha",
+ "lower-armenian",
+ "lower-greek",
+ "lower-latin",
+ "lower-roman",
+ "malayalam",
+ "mongolian",
+ "myanmar",
+ "none",
+ "oriya",
+ "outside",
+ "persian",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "simp-chinese-formal",
+ "simp-chinese-informal",
+ "square",
+ "symbols",
+ "tamil",
+ "telugu",
+ "thai",
+ "tibetan",
+ "trad-chinese-formal",
+ "trad-chinese-informal",
+ "unset",
+ "upper-alpha",
+ "upper-armenian",
+ "upper-latin",
+ "upper-roman",
+ "url"
+ ]
+ },
+ "list-style-image": {
+ "isInherited": true,
+ "subproperties": [
+ "list-style-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "conic-gradient",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "list-style-position": {
+ "isInherited": true,
+ "subproperties": [
+ "list-style-position"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "inside",
+ "outside",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "list-style-type": {
+ "isInherited": true,
+ "subproperties": [
+ "list-style-type"
+ ],
+ "supports": [],
+ "values": [
+ "arabic-indic",
+ "armenian",
+ "bengali",
+ "cambodian",
+ "circle",
+ "cjk-decimal",
+ "cjk-earthly-branch",
+ "cjk-heavenly-stem",
+ "cjk-ideographic",
+ "decimal",
+ "decimal-leading-zero",
+ "devanagari",
+ "disc",
+ "disclosure-closed",
+ "disclosure-open",
+ "ethiopic-numeric",
+ "georgian",
+ "gujarati",
+ "gurmukhi",
+ "hebrew",
+ "hiragana",
+ "hiragana-iroha",
+ "inherit",
+ "initial",
+ "japanese-formal",
+ "japanese-informal",
+ "kannada",
+ "katakana",
+ "katakana-iroha",
+ "khmer",
+ "korean-hangul-formal",
+ "korean-hanja-formal",
+ "korean-hanja-informal",
+ "lao",
+ "lower-alpha",
+ "lower-armenian",
+ "lower-greek",
+ "lower-latin",
+ "lower-roman",
+ "malayalam",
+ "mongolian",
+ "myanmar",
+ "none",
+ "oriya",
+ "persian",
+ "revert",
+ "revert-layer",
+ "simp-chinese-formal",
+ "simp-chinese-informal",
+ "square",
+ "symbols",
+ "tamil",
+ "telugu",
+ "thai",
+ "tibetan",
+ "trad-chinese-formal",
+ "trad-chinese-informal",
+ "unset",
+ "upper-alpha",
+ "upper-armenian",
+ "upper-latin",
+ "upper-roman"
+ ]
+ },
+ "margin": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-top",
+ "margin-right",
+ "margin-bottom",
+ "margin-left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-block": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-block-start",
+ "margin-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-block-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-bottom"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-inline-start",
+ "margin-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-left": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-right": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-right"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "margin-top": {
+ "isInherited": false,
+ "subproperties": [
+ "margin-top"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "marker": {
+ "isInherited": true,
+ "subproperties": [
+ "marker-start",
+ "marker-end",
+ "marker-mid"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "marker-end": {
+ "isInherited": true,
+ "subproperties": [
+ "marker-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "marker-mid": {
+ "isInherited": true,
+ "subproperties": [
+ "marker-mid"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "marker-start": {
+ "isInherited": true,
+ "subproperties": [
+ "marker-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "mask": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-mode",
+ "mask-repeat",
+ "mask-clip",
+ "mask-origin",
+ "mask-composite",
+ "mask-position-x",
+ "mask-position-y",
+ "mask-size",
+ "mask-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "add",
+ "alpha",
+ "auto",
+ "border-box",
+ "bottom",
+ "center",
+ "conic-gradient",
+ "contain",
+ "content-box",
+ "cover",
+ "exclude",
+ "fill-box",
+ "image-set",
+ "inherit",
+ "initial",
+ "intersect",
+ "left",
+ "linear-gradient",
+ "luminance",
+ "match-source",
+ "no-clip",
+ "no-repeat",
+ "none",
+ "padding-box",
+ "radial-gradient",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "right",
+ "round",
+ "space",
+ "stroke-box",
+ "subtract",
+ "top",
+ "unset",
+ "url",
+ "view-box"
+ ]
+ },
+ "mask-clip": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-clip"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "fill-box",
+ "inherit",
+ "initial",
+ "no-clip",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "view-box"
+ ]
+ },
+ "mask-composite": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-composite"
+ ],
+ "supports": [],
+ "values": [
+ "add",
+ "exclude",
+ "inherit",
+ "initial",
+ "intersect",
+ "revert",
+ "revert-layer",
+ "subtract",
+ "unset"
+ ]
+ },
+ "mask-image": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-image"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "conic-gradient",
+ "image-set",
+ "inherit",
+ "initial",
+ "linear-gradient",
+ "none",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "mask-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-mode"
+ ],
+ "supports": [],
+ "values": [
+ "alpha",
+ "inherit",
+ "initial",
+ "luminance",
+ "match-source",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "mask-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-origin"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "content-box",
+ "fill-box",
+ "inherit",
+ "initial",
+ "padding-box",
+ "revert",
+ "revert-layer",
+ "stroke-box",
+ "unset",
+ "view-box"
+ ]
+ },
+ "mask-position": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-x",
+ "mask-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "mask-position-x": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-x"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "mask-position-y": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-position-y"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "top",
+ "unset"
+ ]
+ },
+ "mask-repeat": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-repeat"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "no-repeat",
+ "repeat",
+ "repeat-x",
+ "repeat-y",
+ "revert",
+ "revert-layer",
+ "round",
+ "space",
+ "unset"
+ ]
+ },
+ "mask-size": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-size"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "cover",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "mask-type": {
+ "isInherited": false,
+ "subproperties": [
+ "mask-type"
+ ],
+ "supports": [],
+ "values": [
+ "alpha",
+ "inherit",
+ "initial",
+ "luminance",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "masonry-auto-flow": {
+ "isInherited": false,
+ "subproperties": [
+ "masonry-auto-flow"
+ ],
+ "supports": [],
+ "values": [
+ "definite-first",
+ "inherit",
+ "initial",
+ "next",
+ "ordered",
+ "pack",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "math-style": {
+ "isInherited": true,
+ "subproperties": [
+ "math-style"
+ ],
+ "supports": [],
+ "values": [
+ "compact",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "max-block-size": {
+ "isInherited": false,
+ "subproperties": [
+ "max-block-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "max-height": {
+ "isInherited": false,
+ "subproperties": [
+ "max-height"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "max-inline-size": {
+ "isInherited": false,
+ "subproperties": [
+ "max-inline-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "max-width": {
+ "isInherited": false,
+ "subproperties": [
+ "max-width"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "min-block-size": {
+ "isInherited": false,
+ "subproperties": [
+ "min-block-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "min-height": {
+ "isInherited": false,
+ "subproperties": [
+ "min-height"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "min-inline-size": {
+ "isInherited": false,
+ "subproperties": [
+ "min-inline-size"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "min-width": {
+ "isInherited": false,
+ "subproperties": [
+ "min-width"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "mix-blend-mode": {
+ "isInherited": false,
+ "subproperties": [
+ "mix-blend-mode"
+ ],
+ "supports": [],
+ "values": [
+ "color",
+ "color-burn",
+ "color-dodge",
+ "darken",
+ "difference",
+ "exclusion",
+ "hard-light",
+ "hue",
+ "inherit",
+ "initial",
+ "lighten",
+ "luminosity",
+ "multiply",
+ "normal",
+ "overlay",
+ "plus-lighter",
+ "revert",
+ "revert-layer",
+ "saturation",
+ "screen",
+ "soft-light",
+ "unset"
+ ]
+ },
+ "object-fit": {
+ "isInherited": false,
+ "subproperties": [
+ "object-fit"
+ ],
+ "supports": [],
+ "values": [
+ "contain",
+ "cover",
+ "fill",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "scale-down",
+ "unset"
+ ]
+ },
+ "object-position": {
+ "isInherited": false,
+ "subproperties": [
+ "object-position"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "offset": {
+ "isInherited": false,
+ "subproperties": [
+ "offset-path",
+ "offset-distance",
+ "offset-rotate",
+ "offset-anchor"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "none",
+ "path",
+ "ray",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "offset-anchor": {
+ "isInherited": false,
+ "subproperties": [
+ "offset-anchor"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "offset-distance": {
+ "isInherited": false,
+ "subproperties": [
+ "offset-distance"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "offset-path": {
+ "isInherited": false,
+ "subproperties": [
+ "offset-path"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "path",
+ "ray",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "offset-rotate": {
+ "isInherited": false,
+ "subproperties": [
+ "offset-rotate"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "reverse",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "opacity": {
+ "isInherited": false,
+ "subproperties": [
+ "opacity"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "order": {
+ "isInherited": false,
+ "subproperties": [
+ "order"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "outline": {
+ "isInherited": false,
+ "subproperties": [
+ "outline-color",
+ "outline-style",
+ "outline-width"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "auto",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "inset",
+ "medium",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "ridge",
+ "solid",
+ "thick",
+ "thin",
+ "transparent",
+ "unset"
+ ]
+ },
+ "outline-color": {
+ "isInherited": false,
+ "subproperties": [
+ "outline-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "outline-offset": {
+ "isInherited": false,
+ "subproperties": [
+ "outline-offset"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "outline-style": {
+ "isInherited": false,
+ "subproperties": [
+ "outline-style"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "dashed",
+ "dotted",
+ "double",
+ "groove",
+ "hidden",
+ "inherit",
+ "initial",
+ "inset",
+ "none",
+ "outset",
+ "revert",
+ "revert-layer",
+ "ridge",
+ "solid",
+ "unset"
+ ]
+ },
+ "outline-width": {
+ "isInherited": false,
+ "subproperties": [
+ "outline-width"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "medium",
+ "revert",
+ "revert-layer",
+ "thick",
+ "thin",
+ "unset"
+ ]
+ },
+ "overflow": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-x",
+ "overflow-y"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "clip",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset",
+ "visible"
+ ]
+ },
+ "overflow-anchor": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-anchor"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overflow-block": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-block"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "clip",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset",
+ "visible"
+ ]
+ },
+ "overflow-clip-margin": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-clip-margin"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overflow-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-inline"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "clip",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset",
+ "visible"
+ ]
+ },
+ "overflow-wrap": {
+ "isInherited": true,
+ "subproperties": [
+ "overflow-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "anywhere",
+ "break-word",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overflow-x": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-x"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "clip",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset",
+ "visible"
+ ]
+ },
+ "overflow-y": {
+ "isInherited": false,
+ "subproperties": [
+ "overflow-y"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "clip",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "scroll",
+ "unset",
+ "visible"
+ ]
+ },
+ "overscroll-behavior": {
+ "isInherited": false,
+ "subproperties": [
+ "overscroll-behavior-x",
+ "overscroll-behavior-y"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overscroll-behavior-block": {
+ "isInherited": false,
+ "subproperties": [
+ "overscroll-behavior-block"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overscroll-behavior-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "overscroll-behavior-inline"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overscroll-behavior-x": {
+ "isInherited": false,
+ "subproperties": [
+ "overscroll-behavior-x"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "overscroll-behavior-y": {
+ "isInherited": false,
+ "subproperties": [
+ "overscroll-behavior-y"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "contain",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-top",
+ "padding-right",
+ "padding-bottom",
+ "padding-left"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-block": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-block-start",
+ "padding-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-block-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-bottom"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-inline-start",
+ "padding-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-left": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-left"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-right": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-right"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "padding-top": {
+ "isInherited": false,
+ "subproperties": [
+ "padding-top"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "page": {
+ "isInherited": false,
+ "subproperties": [
+ "page"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "page-break-after": {
+ "isInherited": false,
+ "subproperties": [
+ "break-after"
+ ],
+ "supports": [],
+ "values": [
+ "always",
+ "auto",
+ "avoid",
+ "inherit",
+ "initial",
+ "left",
+ "page",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "page-break-before": {
+ "isInherited": false,
+ "subproperties": [
+ "break-before"
+ ],
+ "supports": [],
+ "values": [
+ "always",
+ "auto",
+ "avoid",
+ "inherit",
+ "initial",
+ "left",
+ "page",
+ "revert",
+ "revert-layer",
+ "right",
+ "unset"
+ ]
+ },
+ "page-break-inside": {
+ "isInherited": false,
+ "subproperties": [
+ "break-inside"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "avoid",
+ "avoid-column",
+ "avoid-page",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "paint-order": {
+ "isInherited": true,
+ "subproperties": [
+ "paint-order"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "perspective": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "perspective-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "perspective-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "place-content": {
+ "isInherited": false,
+ "subproperties": [
+ "align-content",
+ "justify-content"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "space-around",
+ "space-between",
+ "space-evenly",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "place-items": {
+ "isInherited": false,
+ "subproperties": [
+ "align-items",
+ "justify-items"
+ ],
+ "supports": [],
+ "values": [
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "left",
+ "legacy",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "place-self": {
+ "isInherited": false,
+ "subproperties": [
+ "align-self",
+ "justify-self"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "baseline",
+ "center",
+ "end",
+ "first baseline",
+ "flex-end",
+ "flex-start",
+ "inherit",
+ "initial",
+ "last baseline",
+ "left",
+ "normal",
+ "revert",
+ "revert-layer",
+ "right",
+ "safe",
+ "self-end",
+ "self-start",
+ "start",
+ "stretch",
+ "unsafe",
+ "unset"
+ ]
+ },
+ "pointer-events": {
+ "isInherited": true,
+ "subproperties": [
+ "pointer-events"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "auto",
+ "fill",
+ "inherit",
+ "initial",
+ "none",
+ "painted",
+ "revert",
+ "revert-layer",
+ "stroke",
+ "unset",
+ "visible",
+ "visiblefill",
+ "visiblepainted",
+ "visiblestroke"
+ ]
+ },
+ "position": {
+ "isInherited": false,
+ "subproperties": [
+ "position"
+ ],
+ "supports": [],
+ "values": [
+ "absolute",
+ "fixed",
+ "inherit",
+ "initial",
+ "relative",
+ "revert",
+ "revert-layer",
+ "static",
+ "sticky",
+ "unset"
+ ]
+ },
+ "print-color-adjust": {
+ "isInherited": true,
+ "subproperties": [
+ "print-color-adjust"
+ ],
+ "supports": [],
+ "values": [
+ "economy",
+ "exact",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "quotes": {
+ "isInherited": true,
+ "subproperties": [
+ "quotes"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "r": {
+ "isInherited": false,
+ "subproperties": [
+ "r"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "resize": {
+ "isInherited": false,
+ "subproperties": [
+ "resize"
+ ],
+ "supports": [],
+ "values": [
+ "block",
+ "both",
+ "horizontal",
+ "inherit",
+ "initial",
+ "inline",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "vertical"
+ ]
+ },
+ "right": {
+ "isInherited": false,
+ "subproperties": [
+ "right"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "rotate": {
+ "isInherited": false,
+ "subproperties": [
+ "rotate"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "row-gap": {
+ "isInherited": false,
+ "subproperties": [
+ "row-gap"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "ruby-align": {
+ "isInherited": true,
+ "subproperties": [
+ "ruby-align"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "space-around",
+ "space-between",
+ "start",
+ "unset"
+ ]
+ },
+ "ruby-position": {
+ "isInherited": true,
+ "subproperties": [
+ "ruby-position"
+ ],
+ "supports": [],
+ "values": [
+ "alternate",
+ "inherit",
+ "initial",
+ "over",
+ "revert",
+ "revert-layer",
+ "under",
+ "unset"
+ ]
+ },
+ "rx": {
+ "isInherited": false,
+ "subproperties": [
+ "rx"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "ry": {
+ "isInherited": false,
+ "subproperties": [
+ "ry"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scale": {
+ "isInherited": false,
+ "subproperties": [
+ "scale"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-behavior": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-behavior"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "smooth",
+ "unset"
+ ]
+ },
+ "scroll-margin": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-top",
+ "scroll-margin-right",
+ "scroll-margin-bottom",
+ "scroll-margin-left"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-block": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-block-start",
+ "scroll-margin-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-block-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-bottom"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-inline-start",
+ "scroll-margin-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-left": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-left"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-right": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-right"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-margin-top": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-margin-top"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-top",
+ "scroll-padding-right",
+ "scroll-padding-bottom",
+ "scroll-padding-left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-block": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-block-start",
+ "scroll-padding-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-block-end": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-block-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-block-start": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-block-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-bottom": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-bottom"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-inline": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-inline-start",
+ "scroll-padding-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-inline-end": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-inline-end"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-inline-start": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-inline-start"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-left": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-left"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-right": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-right"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-padding-top": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-padding-top"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-snap-align": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-snap-align"
+ ],
+ "supports": [],
+ "values": [
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "start",
+ "unset"
+ ]
+ },
+ "scroll-snap-stop": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-snap-stop"
+ ],
+ "supports": [],
+ "values": [
+ "always",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "scroll-snap-type": {
+ "isInherited": false,
+ "subproperties": [
+ "scroll-snap-type"
+ ],
+ "supports": [],
+ "values": [
+ "block",
+ "both",
+ "inherit",
+ "initial",
+ "inline",
+ "mandatory",
+ "proximity",
+ "revert",
+ "revert-layer",
+ "unset",
+ "x",
+ "y"
+ ]
+ },
+ "scrollbar-color": {
+ "isInherited": true,
+ "subproperties": [
+ "scrollbar-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "auto",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "scrollbar-gutter": {
+ "isInherited": false,
+ "subproperties": [
+ "scrollbar-gutter"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "both-edges",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "stable",
+ "unset"
+ ]
+ },
+ "scrollbar-width": {
+ "isInherited": false,
+ "subproperties": [
+ "scrollbar-width"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "thin",
+ "unset"
+ ]
+ },
+ "shape-image-threshold": {
+ "isInherited": false,
+ "subproperties": [
+ "shape-image-threshold"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "shape-margin": {
+ "isInherited": false,
+ "subproperties": [
+ "shape-margin"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "shape-outside": {
+ "isInherited": false,
+ "subproperties": [
+ "shape-outside"
+ ],
+ "supports": [
+ "gradient"
+ ],
+ "values": [
+ "-moz-element",
+ "-moz-image-rect",
+ "-moz-linear-gradient",
+ "-moz-radial-gradient",
+ "-moz-repeating-linear-gradient",
+ "-moz-repeating-radial-gradient",
+ "-webkit-gradient",
+ "-webkit-linear-gradient",
+ "-webkit-radial-gradient",
+ "-webkit-repeating-linear-gradient",
+ "-webkit-repeating-radial-gradient",
+ "border-box",
+ "circle",
+ "conic-gradient",
+ "content-box",
+ "ellipse",
+ "image-set",
+ "inherit",
+ "initial",
+ "inset",
+ "linear-gradient",
+ "margin-box",
+ "none",
+ "padding-box",
+ "polygon",
+ "radial-gradient",
+ "repeating-conic-gradient",
+ "repeating-linear-gradient",
+ "repeating-radial-gradient",
+ "revert",
+ "revert-layer",
+ "unset",
+ "url"
+ ]
+ },
+ "shape-rendering": {
+ "isInherited": true,
+ "subproperties": [
+ "shape-rendering"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "crispedges",
+ "geometricprecision",
+ "inherit",
+ "initial",
+ "optimizespeed",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "size": {
+ "isInherited": false,
+ "subproperties": [
+ "size"
+ ],
+ "supports": [],
+ "values": [
+ "a3",
+ "a4",
+ "a5",
+ "auto",
+ "b4",
+ "b5",
+ "inherit",
+ "initial",
+ "jis-b4",
+ "jis-b5",
+ "landscape",
+ "ledger",
+ "legal",
+ "letter",
+ "portrait",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stop-color": {
+ "isInherited": false,
+ "subproperties": [
+ "stop-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "stop-opacity": {
+ "isInherited": false,
+ "subproperties": [
+ "stop-opacity"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stroke": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "context-fill",
+ "context-stroke",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset",
+ "url"
+ ]
+ },
+ "stroke-dasharray": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-dasharray"
+ ],
+ "supports": [],
+ "values": [
+ "context-value",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stroke-dashoffset": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-dashoffset"
+ ],
+ "supports": [],
+ "values": [
+ "context-value",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stroke-linecap": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-linecap"
+ ],
+ "supports": [],
+ "values": [
+ "butt",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "round",
+ "square",
+ "unset"
+ ]
+ },
+ "stroke-linejoin": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-linejoin"
+ ],
+ "supports": [],
+ "values": [
+ "bevel",
+ "inherit",
+ "initial",
+ "miter",
+ "revert",
+ "revert-layer",
+ "round",
+ "unset"
+ ]
+ },
+ "stroke-miterlimit": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-miterlimit"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stroke-opacity": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-opacity"
+ ],
+ "supports": [],
+ "values": [
+ "context-fill-opacity",
+ "context-stroke-opacity",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "stroke-width": {
+ "isInherited": true,
+ "subproperties": [
+ "stroke-width"
+ ],
+ "supports": [],
+ "values": [
+ "context-value",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "tab-size": {
+ "isInherited": true,
+ "subproperties": [
+ "tab-size"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "table-layout": {
+ "isInherited": false,
+ "subproperties": [
+ "table-layout"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "fixed",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-align": {
+ "isInherited": true,
+ "subproperties": [
+ "text-align"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-center",
+ "-moz-center-or-inherit",
+ "-moz-left",
+ "-moz-right",
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "justify",
+ "left",
+ "match-parent",
+ "revert",
+ "revert-layer",
+ "right",
+ "start",
+ "unset"
+ ]
+ },
+ "text-align-last": {
+ "isInherited": true,
+ "subproperties": [
+ "text-align-last"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "center",
+ "end",
+ "inherit",
+ "initial",
+ "justify",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "start",
+ "unset"
+ ]
+ },
+ "text-anchor": {
+ "isInherited": true,
+ "subproperties": [
+ "text-anchor"
+ ],
+ "supports": [],
+ "values": [
+ "end",
+ "inherit",
+ "initial",
+ "middle",
+ "revert",
+ "revert-layer",
+ "start",
+ "unset"
+ ]
+ },
+ "text-combine-upright": {
+ "isInherited": true,
+ "subproperties": [
+ "text-combine-upright"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-decoration": {
+ "isInherited": false,
+ "subproperties": [
+ "text-decoration-line",
+ "text-decoration-style",
+ "text-decoration-color",
+ "text-decoration-thickness"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "-moz-none",
+ "auto",
+ "blink",
+ "color-mix",
+ "currentColor",
+ "dashed",
+ "dotted",
+ "double",
+ "from-font",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "line-through",
+ "none",
+ "overline",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "solid",
+ "transparent",
+ "underline",
+ "unset",
+ "wavy"
+ ]
+ },
+ "text-decoration-color": {
+ "isInherited": false,
+ "subproperties": [
+ "text-decoration-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "text-decoration-line": {
+ "isInherited": false,
+ "subproperties": [
+ "text-decoration-line"
+ ],
+ "supports": [],
+ "values": [
+ "blink",
+ "inherit",
+ "initial",
+ "line-through",
+ "none",
+ "overline",
+ "revert",
+ "revert-layer",
+ "underline",
+ "unset"
+ ]
+ },
+ "text-decoration-skip-ink": {
+ "isInherited": true,
+ "subproperties": [
+ "text-decoration-skip-ink"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-decoration-style": {
+ "isInherited": false,
+ "subproperties": [
+ "text-decoration-style"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-none",
+ "dashed",
+ "dotted",
+ "double",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "solid",
+ "unset",
+ "wavy"
+ ]
+ },
+ "text-decoration-thickness": {
+ "isInherited": false,
+ "subproperties": [
+ "text-decoration-thickness"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "from-font",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-emphasis": {
+ "isInherited": true,
+ "subproperties": [
+ "text-emphasis-style",
+ "text-emphasis-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "circle",
+ "color-mix",
+ "currentColor",
+ "dot",
+ "double-circle",
+ "filled",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "none",
+ "open",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "sesame",
+ "transparent",
+ "triangle",
+ "unset"
+ ]
+ },
+ "text-emphasis-color": {
+ "isInherited": true,
+ "subproperties": [
+ "text-emphasis-color"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "text-emphasis-position": {
+ "isInherited": true,
+ "subproperties": [
+ "text-emphasis-position"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "left",
+ "over",
+ "revert",
+ "revert-layer",
+ "right",
+ "under",
+ "unset"
+ ]
+ },
+ "text-emphasis-style": {
+ "isInherited": true,
+ "subproperties": [
+ "text-emphasis-style"
+ ],
+ "supports": [],
+ "values": [
+ "circle",
+ "dot",
+ "double-circle",
+ "filled",
+ "inherit",
+ "initial",
+ "none",
+ "open",
+ "revert",
+ "revert-layer",
+ "sesame",
+ "triangle",
+ "unset"
+ ]
+ },
+ "text-indent": {
+ "isInherited": true,
+ "subproperties": [
+ "text-indent"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-justify": {
+ "isInherited": true,
+ "subproperties": [
+ "text-justify"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "distribute",
+ "inherit",
+ "initial",
+ "inter-character",
+ "inter-word",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-orientation": {
+ "isInherited": true,
+ "subproperties": [
+ "text-orientation"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "mixed",
+ "revert",
+ "revert-layer",
+ "sideways",
+ "sideways-right",
+ "unset",
+ "upright"
+ ]
+ },
+ "text-overflow": {
+ "isInherited": false,
+ "subproperties": [
+ "text-overflow"
+ ],
+ "supports": [],
+ "values": [
+ "clip",
+ "ellipsis",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-rendering": {
+ "isInherited": true,
+ "subproperties": [
+ "text-rendering"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "geometricprecision",
+ "inherit",
+ "initial",
+ "optimizelegibility",
+ "optimizespeed",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-shadow": {
+ "isInherited": true,
+ "subproperties": [
+ "text-shadow"
+ ],
+ "supports": [
+ "color"
+ ],
+ "values": [
+ "COLOR",
+ "color-mix",
+ "currentColor",
+ "hsl",
+ "hsla",
+ "hwb",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "rgb",
+ "rgba",
+ "transparent",
+ "unset"
+ ]
+ },
+ "text-transform": {
+ "isInherited": true,
+ "subproperties": [
+ "text-transform"
+ ],
+ "supports": [],
+ "values": [
+ "capitalize",
+ "full-size-kana",
+ "full-width",
+ "inherit",
+ "initial",
+ "lowercase",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset",
+ "uppercase"
+ ]
+ },
+ "text-underline-offset": {
+ "isInherited": true,
+ "subproperties": [
+ "text-underline-offset"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "text-underline-position": {
+ "isInherited": true,
+ "subproperties": [
+ "text-underline-position"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "from-font",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "under",
+ "unset"
+ ]
+ },
+ "top": {
+ "isInherited": false,
+ "subproperties": [
+ "top"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "touch-action": {
+ "isInherited": false,
+ "subproperties": [
+ "touch-action"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "manipulation",
+ "none",
+ "pan-x",
+ "pan-y",
+ "pinch-zoom",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "transform": {
+ "isInherited": false,
+ "subproperties": [
+ "transform"
+ ],
+ "supports": [],
+ "values": [
+ "accumulatematrix",
+ "inherit",
+ "initial",
+ "interpolatematrix",
+ "matrix",
+ "matrix3d",
+ "none",
+ "perspective",
+ "revert",
+ "revert-layer",
+ "rotate",
+ "rotate3d",
+ "rotateX",
+ "rotateY",
+ "rotateZ",
+ "scale",
+ "scale3d",
+ "scaleX",
+ "scaleY",
+ "scaleZ",
+ "skew",
+ "skewX",
+ "skewY",
+ "translate",
+ "translate3d",
+ "translateX",
+ "translateY",
+ "translateZ",
+ "unset"
+ ]
+ },
+ "transform-box": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-box"
+ ],
+ "supports": [],
+ "values": [
+ "border-box",
+ "fill-box",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset",
+ "view-box"
+ ]
+ },
+ "transform-origin": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-origin"
+ ],
+ "supports": [],
+ "values": [
+ "bottom",
+ "center",
+ "inherit",
+ "initial",
+ "left",
+ "revert",
+ "revert-layer",
+ "right",
+ "top",
+ "unset"
+ ]
+ },
+ "transform-style": {
+ "isInherited": false,
+ "subproperties": [
+ "transform-style"
+ ],
+ "supports": [],
+ "values": [
+ "flat",
+ "inherit",
+ "initial",
+ "preserve-3d",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "transition": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property",
+ "transition-duration",
+ "transition-timing-function",
+ "transition-delay"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "all",
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "none",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "transition-delay": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-delay"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "transition-duration": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-duration"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "transition-property": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-property"
+ ],
+ "supports": [],
+ "values": [
+ "all",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "transition-timing-function": {
+ "isInherited": false,
+ "subproperties": [
+ "transition-timing-function"
+ ],
+ "supports": [
+ "timing-function"
+ ],
+ "values": [
+ "cubic-bezier",
+ "ease",
+ "ease-in",
+ "ease-in-out",
+ "ease-out",
+ "inherit",
+ "initial",
+ "linear",
+ "revert",
+ "revert-layer",
+ "step-end",
+ "step-start",
+ "steps",
+ "unset"
+ ]
+ },
+ "translate": {
+ "isInherited": false,
+ "subproperties": [
+ "translate"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "unicode-bidi": {
+ "isInherited": false,
+ "subproperties": [
+ "unicode-bidi"
+ ],
+ "supports": [],
+ "values": [
+ "bidi-override",
+ "embed",
+ "inherit",
+ "initial",
+ "isolate",
+ "isolate-override",
+ "normal",
+ "plaintext",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "user-select": {
+ "isInherited": false,
+ "subproperties": [
+ "user-select"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-none",
+ "all",
+ "auto",
+ "inherit",
+ "initial",
+ "none",
+ "revert",
+ "revert-layer",
+ "text",
+ "unset"
+ ]
+ },
+ "vector-effect": {
+ "isInherited": false,
+ "subproperties": [
+ "vector-effect"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "non-scaling-stroke",
+ "none",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "vertical-align": {
+ "isInherited": false,
+ "subproperties": [
+ "vertical-align"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-middle-with-baseline",
+ "baseline",
+ "bottom",
+ "inherit",
+ "initial",
+ "middle",
+ "revert",
+ "revert-layer",
+ "sub",
+ "super",
+ "text-bottom",
+ "text-top",
+ "top",
+ "unset"
+ ]
+ },
+ "visibility": {
+ "isInherited": true,
+ "subproperties": [
+ "visibility"
+ ],
+ "supports": [],
+ "values": [
+ "collapse",
+ "hidden",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset",
+ "visible"
+ ]
+ },
+ "white-space": {
+ "isInherited": true,
+ "subproperties": [
+ "white-space"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-pre-space",
+ "break-spaces",
+ "inherit",
+ "initial",
+ "normal",
+ "nowrap",
+ "pre",
+ "pre-line",
+ "pre-wrap",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "width": {
+ "isInherited": false,
+ "subproperties": [
+ "width"
+ ],
+ "supports": [],
+ "values": [
+ "-moz-available",
+ "auto",
+ "fit-content",
+ "inherit",
+ "initial",
+ "max-content",
+ "min-content",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "will-change": {
+ "isInherited": false,
+ "subproperties": [
+ "will-change"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "word-break": {
+ "isInherited": true,
+ "subproperties": [
+ "word-break"
+ ],
+ "supports": [],
+ "values": [
+ "break-all",
+ "break-word",
+ "inherit",
+ "initial",
+ "keep-all",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "word-spacing": {
+ "isInherited": true,
+ "subproperties": [
+ "word-spacing"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "word-wrap": {
+ "isInherited": true,
+ "subproperties": [
+ "overflow-wrap"
+ ],
+ "supports": [],
+ "values": [
+ "anywhere",
+ "break-word",
+ "inherit",
+ "initial",
+ "normal",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "writing-mode": {
+ "isInherited": true,
+ "subproperties": [
+ "writing-mode"
+ ],
+ "supports": [],
+ "values": [
+ "horizontal-tb",
+ "inherit",
+ "initial",
+ "lr",
+ "lr-tb",
+ "revert",
+ "revert-layer",
+ "rl",
+ "rl-tb",
+ "sideways-lr",
+ "sideways-rl",
+ "tb",
+ "tb-rl",
+ "unset",
+ "vertical-lr",
+ "vertical-rl"
+ ]
+ },
+ "x": {
+ "isInherited": false,
+ "subproperties": [
+ "x"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "y": {
+ "isInherited": false,
+ "subproperties": [
+ "y"
+ ],
+ "supports": [],
+ "values": [
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ },
+ "z-index": {
+ "isInherited": false,
+ "subproperties": [
+ "z-index"
+ ],
+ "supports": [],
+ "values": [
+ "auto",
+ "inherit",
+ "initial",
+ "revert",
+ "revert-layer",
+ "unset"
+ ]
+ }
+};
+
+/**
+ * A list of the pseudo elements.
+ */
+exports.PSEUDO_ELEMENTS = [
+ "::after",
+ "::before",
+ "::marker",
+ "::backdrop",
+ "::cue",
+ "::first-letter",
+ "::first-line",
+ "::selection",
+ "::-moz-focus-inner",
+ "::-moz-progress-bar",
+ "::-moz-range-track",
+ "::-moz-range-progress",
+ "::-moz-range-thumb",
+ "::-moz-meter-bar",
+ "::placeholder",
+ "::-moz-color-swatch",
+ "::file-selector-button"
+];
+
+/**
+ * A list of the preferences keys for whether a CSS property is enabled or not. This is
+ * exposed for testing purposes.
+ */
+exports.PREFERENCES = [
+ [
+ "container-type",
+ "layout.css.container-queries.enabled"
+ ],
+ [
+ "content-visibility",
+ "layout.css.content-visibility.enabled"
+ ],
+ [
+ "font-optical-sizing",
+ "layout.css.font-variations.enabled"
+ ],
+ [
+ "font-variant-emoji",
+ "layout.css.font-variant-emoji.enabled"
+ ],
+ [
+ "initial-letter",
+ "layout.css.initial-letter.enabled"
+ ],
+ [
+ "masonry-auto-flow",
+ "layout.css.grid-template-masonry-value.enabled"
+ ],
+ [
+ "math-depth",
+ "layout.css.math-depth.enabled"
+ ],
+ [
+ "math-style",
+ "layout.css.math-style.enabled"
+ ],
+ [
+ "-moz-control-character-visibility",
+ "layout.css.moz-control-character-visibility.enabled"
+ ],
+ [
+ "-moz-osx-font-smoothing",
+ "layout.css.osx-font-smoothing.enabled"
+ ],
+ [
+ "offset-rotate",
+ "layout.css.motion-path.enabled"
+ ],
+ [
+ "overflow-anchor",
+ "layout.css.scroll-anchoring.enabled"
+ ],
+ [
+ "scrollbar-gutter",
+ "layout.css.scrollbar-gutter.enabled"
+ ],
+ [
+ "overflow-clip-box-block",
+ "layout.css.overflow-clip-box.enabled"
+ ],
+ [
+ "overflow-clip-box-inline",
+ "layout.css.overflow-clip-box.enabled"
+ ],
+ [
+ "overflow-block",
+ "layout.css.overflow-logical.enabled"
+ ],
+ [
+ "overflow-inline",
+ "layout.css.overflow-logical.enabled"
+ ],
+ [
+ "overscroll-behavior-block",
+ "layout.css.overscroll-behavior.enabled"
+ ],
+ [
+ "overscroll-behavior-inline",
+ "layout.css.overscroll-behavior.enabled"
+ ],
+ [
+ "overscroll-behavior-x",
+ "layout.css.overscroll-behavior.enabled"
+ ],
+ [
+ "overscroll-behavior-y",
+ "layout.css.overscroll-behavior.enabled"
+ ],
+ [
+ "accent-color",
+ "layout.css.accent-color.enabled"
+ ],
+ [
+ "align-tracks",
+ "layout.css.grid-template-masonry-value.enabled"
+ ],
+ [
+ "animation-composition",
+ "layout.css.animation-composition.enabled"
+ ],
+ [
+ "animation-timeline",
+ "layout.css.scroll-driven-animations.enabled"
+ ],
+ [
+ "backdrop-filter",
+ "layout.css.backdrop-filter.enabled"
+ ],
+ [
+ "color-scheme",
+ "layout.css.color-scheme.enabled"
+ ],
+ [
+ "container-name",
+ "layout.css.container-queries.enabled"
+ ],
+ [
+ "d",
+ "layout.css.d-property.enabled"
+ ],
+ [
+ "font-palette",
+ "layout.css.font-palette.enabled"
+ ],
+ [
+ "font-variation-settings",
+ "layout.css.font-variations.enabled"
+ ],
+ [
+ "hyphenate-character",
+ "layout.css.hyphenate-character.enabled"
+ ],
+ [
+ "justify-tracks",
+ "layout.css.grid-template-masonry-value.enabled"
+ ],
+ [
+ "-moz-context-properties",
+ "svg.context-properties.content.enabled"
+ ],
+ [
+ "offset-anchor",
+ "layout.css.motion-path.enabled"
+ ],
+ [
+ "offset-path",
+ "layout.css.motion-path.enabled"
+ ],
+ [
+ "page",
+ "layout.css.named-pages.enabled"
+ ],
+ [
+ "rotate",
+ "layout.css.individual-transform.enabled"
+ ],
+ [
+ "scale",
+ "layout.css.individual-transform.enabled"
+ ],
+ [
+ "scroll-timeline-axis",
+ "layout.css.scroll-driven-animations.enabled"
+ ],
+ [
+ "scroll-timeline-name",
+ "layout.css.scroll-driven-animations.enabled"
+ ],
+ [
+ "size",
+ "layout.css.page-size.enabled"
+ ],
+ [
+ "translate",
+ "layout.css.individual-transform.enabled"
+ ],
+ [
+ "contain-intrinsic-block-size",
+ "layout.css.contain-intrinsic-size.enabled"
+ ],
+ [
+ "contain-intrinsic-height",
+ "layout.css.contain-intrinsic-size.enabled"
+ ],
+ [
+ "contain-intrinsic-inline-size",
+ "layout.css.contain-intrinsic-size.enabled"
+ ],
+ [
+ "contain-intrinsic-width",
+ "layout.css.contain-intrinsic-size.enabled"
+ ],
+ [
+ "offset-distance",
+ "layout.css.motion-path.enabled"
+ ],
+ [
+ "overflow-clip-box",
+ "layout.css.overflow-clip-box.enabled"
+ ],
+ [
+ "overscroll-behavior",
+ "layout.css.overscroll-behavior.enabled"
+ ],
+ [
+ "container",
+ "layout.css.container-queries.enabled"
+ ],
+ [
+ "offset",
+ "layout.css.motion-path.enabled"
+ ],
+ [
+ "zoom",
+ "layout.css.zoom-transform-hack.enabled"
+ ],
+ [
+ "contain-intrinsic-size",
+ "layout.css.contain-intrinsic-size.enabled"
+ ],
+ [
+ "scroll-timeline",
+ "layout.css.scroll-driven-animations.enabled"
+ ],
+ [
+ "-moz-transform",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-perspective",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-perspective-origin",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-backface-visibility",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-transform-style",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-transform-origin",
+ "layout.css.prefixes.transforms"
+ ],
+ [
+ "-moz-font-feature-settings",
+ "layout.css.prefixes.font-features"
+ ],
+ [
+ "-moz-font-language-override",
+ "layout.css.prefixes.font-features"
+ ],
+ [
+ "-moz-box-sizing",
+ "layout.css.prefixes.box-sizing"
+ ],
+ [
+ "-moz-transition-duration",
+ "layout.css.prefixes.transitions"
+ ],
+ [
+ "-moz-transition-timing-function",
+ "layout.css.prefixes.transitions"
+ ],
+ [
+ "-moz-transition-property",
+ "layout.css.prefixes.transitions"
+ ],
+ [
+ "-moz-transition-delay",
+ "layout.css.prefixes.transitions"
+ ],
+ [
+ "-moz-animation-name",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-duration",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-timing-function",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-iteration-count",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-direction",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-play-state",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-fill-mode",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-animation-delay",
+ "layout.css.prefixes.animations"
+ ],
+ [
+ "-moz-border-image",
+ "layout.css.prefixes.border-image"
+ ],
+ [
+ "-moz-transition",
+ "layout.css.prefixes.transitions"
+ ],
+ [
+ "-moz-animation",
+ "layout.css.prefixes.animations"
+ ]
+];
diff --git a/devtools/shared/css/generated/properties-db.js.in b/devtools/shared/css/generated/properties-db.js.in
new file mode 100644
index 0000000000..3b33faee5e
--- /dev/null
+++ b/devtools/shared/css/generated/properties-db.js.in
@@ -0,0 +1,27 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+/**
+ * This file is automatically generated by `mach devtools-css-db`. It contains
+ * a static list of CSS properties that can be computed by Gecko. The actual script
+ * to generate these files can be found at
+ * devtools/shared/css/generated/generate-properties-db.js.
+ */
+
+/**
+ * A list of CSS Properties and their various characteristics.
+ */
+exports.CSS_PROPERTIES = ${cssProperties};
+
+/**
+ * A list of the pseudo elements.
+ */
+exports.PSEUDO_ELEMENTS = ${pseudoElements};
+
+/**
+ * A list of the preferences keys for whether a CSS property is enabled or not. This is
+ * exposed for testing purposes.
+ */
+exports.PREFERENCES = ${preferences};
diff --git a/devtools/shared/css/lexer.js b/devtools/shared/css/lexer.js
new file mode 100644
index 0000000000..18e78717d1
--- /dev/null
+++ b/devtools/shared/css/lexer.js
@@ -0,0 +1,1522 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// A CSS Lexer. This file is a bit unusual -- it is a more or less
+// direct translation of layout/style/nsCSSScanner.cpp and
+// layout/style/CSSLexer.cpp into JS. This implemented the
+// CSSLexer.webidl interface, and the intent is to try to keep it in
+// sync with changes to the platform CSS lexer. Due to this goal,
+// this file violates some naming conventions and consequently locally
+// disables some eslint rules.
+
+/* eslint-disable camelcase, mozilla/no-aArgs, no-else-return, complexity */
+
+"use strict";
+
+// White space of any kind. No value fields are used. Note that
+// comments do *not* count as white space; comments separate tokens
+// but are not themselves tokens.
+const eCSSToken_Whitespace = "whitespace"; //
+// A comment.
+const eCSSToken_Comment = "comment"; // /*...*/
+
+// Identifier-like tokens. mIdent is the text of the identifier.
+// The difference between ID and Hash is: if the text after the #
+// would have been a valid Ident if the # hadn't been there, the
+// scanner produces an ID token. Otherwise it produces a Hash token.
+// (This distinction is required by css3-selectors.)
+const eCSSToken_Ident = "ident"; // word
+const eCSSToken_Function = "function"; // word(
+const eCSSToken_AtKeyword = "at"; // @word
+const eCSSToken_ID = "id"; // #word
+const eCSSToken_Hash = "hash"; // #0word
+
+// Numeric tokens. mNumber is the floating-point value of the
+// number, and mHasSign indicates whether there was an explicit sign
+// (+ or -) in front of the number. If mIntegerValid is true, the
+// number had the lexical form of an integer, and mInteger is its
+// integer value. Lexically integer values outside the range of a
+// 32-bit signed number are clamped to the maximum values; mNumber
+// will indicate a 'truer' value in that case. Percentage tokens
+// are always considered not to be integers, even if their numeric
+// value is integral (100% => mNumber = 1.0). For Dimension
+// tokens, mIdent holds the text of the unit.
+const eCSSToken_Number = "number"; // 1 -5 +2e3 3.14159 7.297352e-3
+const eCSSToken_Dimension = "dimension"; // 24px 8.5in
+const eCSSToken_Percentage = "percentage"; // 85% 1280.4%
+
+// String-like tokens. In all cases, mIdent holds the text
+// belonging to the string, and mSymbol holds the delimiter
+// character, which may be ', ", or zero (only for unquoted URLs).
+// Bad_String and Bad_URL tokens are emitted when the closing
+// delimiter or parenthesis was missing.
+const eCSSToken_String = "string"; // 'foo bar' "foo bar"
+const eCSSToken_Bad_String = "bad_string"; // 'foo bar
+const eCSSToken_URL = "url"; // url(foobar) url("foo bar")
+const eCSSToken_Bad_URL = "bad_url"; // url(foo
+
+// Any one-character symbol. mSymbol holds the character.
+const eCSSToken_Symbol = "symbol"; // . ; { } ! *
+
+// Match operators. These are single tokens rather than pairs of
+// Symbol tokens because css3-selectors forbids the presence of
+// comments between the two characters. No value fields are used;
+// the token type indicates which operator.
+const eCSSToken_Includes = "includes"; // ~=
+const eCSSToken_Dashmatch = "dashmatch"; // |=
+const eCSSToken_Beginsmatch = "beginsmatch"; // ^=
+const eCSSToken_Endsmatch = "endsmatch"; // $=
+const eCSSToken_Containsmatch = "containsmatch"; // *=
+
+// Unicode-range token: currently used only in @font-face.
+// The lexical rule for this token includes several forms that are
+// semantically invalid. Therefore, mIdent always holds the
+// complete original text of the token (so we can print it
+// accurately in diagnostics), and mIntegerValid is true iff the
+// token is semantically valid. In that case, mInteger holds the
+// lowest value included in the range, and mInteger2 holds the
+// highest value included in the range.
+const eCSSToken_URange = "urange"; // U+007e U+01?? U+2000-206F
+
+// HTML comment delimiters, ignored as a unit when they appear at
+// the top level of a style sheet, for compatibility with websites
+// written for compatibility with pre-CSS browsers. This token type
+// subsumes the css2.1 CDO and CDC tokens, which are always treated
+// the same by the parser. mIdent holds the text of the token, for
+// diagnostics.
+const eCSSToken_HTMLComment = "htmlcomment"; // <!-- -->
+
+const eEOFCharacters_None = 0x0000;
+
+// to handle \<EOF> inside strings
+const eEOFCharacters_DropBackslash = 0x0001;
+
+// to handle \<EOF> outside strings
+const eEOFCharacters_ReplacementChar = 0x0002;
+
+// to close comments
+const eEOFCharacters_Asterisk = 0x0004;
+const eEOFCharacters_Slash = 0x0008;
+
+// to close double-quoted strings
+const eEOFCharacters_DoubleQuote = 0x0010;
+
+// to close single-quoted strings
+const eEOFCharacters_SingleQuote = 0x0020;
+
+// to close URLs
+const eEOFCharacters_CloseParen = 0x0040;
+
+// Bridge the char/string divide.
+const APOSTROPHE = "'".charCodeAt(0);
+const ASTERISK = "*".charCodeAt(0);
+const CARRIAGE_RETURN = "\r".charCodeAt(0);
+const CIRCUMFLEX_ACCENT = "^".charCodeAt(0);
+const COMMERCIAL_AT = "@".charCodeAt(0);
+const DIGIT_NINE = "9".charCodeAt(0);
+const DIGIT_ZERO = "0".charCodeAt(0);
+const DOLLAR_SIGN = "$".charCodeAt(0);
+const EQUALS_SIGN = "=".charCodeAt(0);
+const EXCLAMATION_MARK = "!".charCodeAt(0);
+const FULL_STOP = ".".charCodeAt(0);
+const GREATER_THAN_SIGN = ">".charCodeAt(0);
+const HYPHEN_MINUS = "-".charCodeAt(0);
+const LATIN_CAPITAL_LETTER_E = "E".charCodeAt(0);
+const LATIN_CAPITAL_LETTER_U = "U".charCodeAt(0);
+const LATIN_SMALL_LETTER_E = "e".charCodeAt(0);
+const LATIN_SMALL_LETTER_U = "u".charCodeAt(0);
+const LEFT_PARENTHESIS = "(".charCodeAt(0);
+const LESS_THAN_SIGN = "<".charCodeAt(0);
+const LINE_FEED = "\n".charCodeAt(0);
+const NUMBER_SIGN = "#".charCodeAt(0);
+const PERCENT_SIGN = "%".charCodeAt(0);
+const PLUS_SIGN = "+".charCodeAt(0);
+const QUESTION_MARK = "?".charCodeAt(0);
+const QUOTATION_MARK = '"'.charCodeAt(0);
+const REVERSE_SOLIDUS = "\\".charCodeAt(0);
+const RIGHT_PARENTHESIS = ")".charCodeAt(0);
+const SOLIDUS = "/".charCodeAt(0);
+const TILDE = "~".charCodeAt(0);
+const VERTICAL_LINE = "|".charCodeAt(0);
+
+const UCS2_REPLACEMENT_CHAR = 0xfffd;
+
+const kImpliedEOFCharacters = [
+ UCS2_REPLACEMENT_CHAR,
+ ASTERISK,
+ SOLIDUS,
+ QUOTATION_MARK,
+ APOSTROPHE,
+ RIGHT_PARENTHESIS,
+ 0,
+];
+
+//
+const ARGS_LENGTH_MAX = 500 * 1000;
+
+/**
+ * Several methods in this helper can reach the 500000 limit for arguments in
+ * Firefox, see Bug 1414361.
+ *
+ * This will apply the provided method, on the provided scope with an array of
+ * arguments which can exceed the 500k limit supported by Firefox.
+ *
+ * In practice, the arguments array will be split in several chunks of 500k
+ * items maximum and each chunk will be applied separately.
+ *
+ * !! Note that if you are expecting to use the return value of the method, here
+ * we will return an array of each return value for each chunk. It will be up to
+ * the consumer to decide how to combine the results into a meaningful final
+ * result !!
+ *
+ * @param {Function} method
+ * The method to apply.
+ * @param {*} scope
+ * The scope ("this") to use when applying the method.
+ * @param {Array} args
+ * The array of arguments to apply.
+ *
+ * @returns {Array}
+ * The array of return values, one item for each chunk that had to be
+ * created.
+ */
+function safeApply(method, scope, args) {
+ let i = 0;
+ const res = [];
+ const length = args.length;
+ while (i < length) {
+ const _start = i;
+ i += ARGS_LENGTH_MAX;
+ res.push(method.apply(scope, args.slice(_start, i)));
+ }
+ return res;
+}
+
+/**
+ * Ensure that the character is valid. If it is valid, return it;
+ * otherwise, return the replacement character.
+ *
+ * @param {Number} c the character to check
+ * @return {Number} the character or its replacement
+ */
+function ensureValidChar(c) {
+ if (c >= 0x00110000 || (c & 0xfff800) == 0xd800) {
+ // Out of range or a surrogate.
+ return UCS2_REPLACEMENT_CHAR;
+ }
+ return c;
+}
+
+/**
+ * Turn a string into an array of character codes.
+ *
+ * @param {String} str the input string
+ * @return {Array} an array of character codes, one per character in
+ * the input string.
+ */
+function stringToCodes(str) {
+ // This is a hot path, and using a simple for loop is faster than any other mean (e.g.
+ // Array#map ).
+ const charCodes = [];
+ for (let i = 0; i < str.length; i++) {
+ charCodes.push(str.charCodeAt(i));
+ }
+ return charCodes;
+}
+
+const IS_HEX_DIGIT = 0x01;
+const IS_IDSTART = 0x02;
+const IS_IDCHAR = 0x04;
+const IS_URL_CHAR = 0x08;
+const IS_HSPACE = 0x10;
+const IS_VSPACE = 0x20;
+const IS_SPACE = IS_HSPACE | IS_VSPACE;
+const IS_STRING = 0x40;
+
+const H = IS_HSPACE;
+const V = IS_VSPACE;
+const I = IS_IDCHAR;
+const J = IS_IDSTART;
+const U = IS_URL_CHAR;
+const S = IS_STRING;
+const X = IS_HEX_DIGIT;
+
+const SH = S | H;
+const SU = S | U;
+const SUI = S | U | I;
+const SUIJ = S | U | I | J;
+const SUIX = S | U | I | X;
+const SUIJX = S | U | I | J | X;
+
+/* eslint-disable indent, indent-legacy, no-multi-spaces, comma-spacing, spaced-comment */
+const gLexTable = [
+ // 00 01 02 03 04 05 06 07
+ 0,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ // 08 TAB LF 0B FF CR 0E 0F
+ S,
+ SH,
+ V,
+ S,
+ V,
+ V,
+ S,
+ S,
+ // 10 11 12 13 14 15 16 17
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ // 18 19 1A 1B 1C 1D 1E 1F
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ S,
+ //SPC ! " # $ % & '
+ SH,
+ SU,
+ 0,
+ SU,
+ SU,
+ SU,
+ SU,
+ 0,
+ // ( ) * + , - . /
+ S,
+ S,
+ SU,
+ SU,
+ SU,
+ SUI,
+ SU,
+ SU,
+ // 0 1 2 3 4 5 6 7
+ SUIX,
+ SUIX,
+ SUIX,
+ SUIX,
+ SUIX,
+ SUIX,
+ SUIX,
+ SUIX,
+ // 8 9 : ; < = > ?
+ SUIX,
+ SUIX,
+ SU,
+ SU,
+ SU,
+ SU,
+ SU,
+ SU,
+ // @ A B C D E F G
+ SU,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJ,
+ // H I J K L M N O
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ // P Q R S T U V W
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ // X Y Z [ \ ] ^ _
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SU,
+ J,
+ SU,
+ SU,
+ SUIJ,
+ // ` a b c d e f g
+ SU,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJX,
+ SUIJ,
+ // h i j k l m n o
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ // p q r s t u v w
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ // x y z { | } ~ 7F
+ SUIJ,
+ SUIJ,
+ SUIJ,
+ SU,
+ SU,
+ SU,
+ SU,
+ S,
+];
+/* eslint-enable indent, indent-legacy, no-multi-spaces, comma-spacing, spaced-comment */
+
+/**
+ * True if 'ch' is in character class 'cls', which should be one of
+ * the constants above or some combination of them. All characters
+ * above U+007F are considered to be in 'cls'. EOF is never in 'cls'.
+ */
+function IsOpenCharClass(ch, cls) {
+ return ch >= 0 && (ch >= 128 || (gLexTable[ch] & cls) != 0);
+}
+
+/**
+ * True if 'ch' is in character class 'cls', which should be one of
+ * the constants above or some combination of them. No characters
+ * above U+007F are considered to be in 'cls'. EOF is never in 'cls'.
+ */
+function IsClosedCharClass(ch, cls) {
+ return ch >= 0 && ch < 128 && (gLexTable[ch] & cls) != 0;
+}
+
+/**
+ * True if 'ch' is CSS whitespace, i.e. any of the ASCII characters
+ * TAB, LF, FF, CR, or SPC.
+ */
+function IsWhitespace(ch) {
+ return IsClosedCharClass(ch, IS_SPACE);
+}
+
+/**
+ * True if 'ch' is horizontal whitespace, i.e. TAB or SPC.
+ */
+function IsHorzSpace(ch) {
+ return IsClosedCharClass(ch, IS_HSPACE);
+}
+
+/**
+ * True if 'ch' is vertical whitespace, i.e. LF, FF, or CR. Vertical
+ * whitespace requires special handling when consumed, see AdvanceLine.
+ */
+function IsVertSpace(ch) {
+ return IsClosedCharClass(ch, IS_VSPACE);
+}
+
+/**
+ * True if 'ch' is a character that can appear in the middle of an identifier.
+ * This includes U+0000 since it is handled as U+FFFD, but for purposes of
+ * GatherText it should not be included in IsOpenCharClass.
+ */
+function IsIdentChar(ch) {
+ return IsOpenCharClass(ch, IS_IDCHAR) || ch == 0;
+}
+
+/**
+ * True if 'ch' is a character that by itself begins an identifier.
+ * This includes U+0000 since it is handled as U+FFFD, but for purposes of
+ * GatherText it should not be included in IsOpenCharClass.
+ * (This is a subset of IsIdentChar.)
+ */
+function IsIdentStart(ch) {
+ return IsOpenCharClass(ch, IS_IDSTART) || ch == 0;
+}
+
+/**
+ * True if the two-character sequence aFirstChar+aSecondChar begins an
+ * identifier.
+ */
+function StartsIdent(aFirstChar, aSecondChar) {
+ return (
+ IsIdentStart(aFirstChar) ||
+ (aFirstChar == HYPHEN_MINUS &&
+ (aSecondChar == HYPHEN_MINUS || IsIdentStart(aSecondChar)))
+ );
+}
+
+/**
+ * True if 'ch' is a decimal digit.
+ */
+function IsDigit(ch) {
+ return ch >= DIGIT_ZERO && ch <= DIGIT_NINE;
+}
+
+/**
+ * True if 'ch' is a hexadecimal digit.
+ */
+function IsHexDigit(ch) {
+ return IsClosedCharClass(ch, IS_HEX_DIGIT);
+}
+
+/**
+ * Assuming that 'ch' is a decimal digit, return its numeric value.
+ */
+function DecimalDigitValue(ch) {
+ return ch - DIGIT_ZERO;
+}
+
+/**
+ * Assuming that 'ch' is a hexadecimal digit, return its numeric value.
+ */
+function HexDigitValue(ch) {
+ if (IsDigit(ch)) {
+ return DecimalDigitValue(ch);
+ } else {
+ // Note: c&7 just keeps the low three bits which causes
+ // upper and lower case alphabetics to both yield their
+ // "relative to 10" value for computing the hex value.
+ return (ch & 0x7) + 9;
+ }
+}
+
+/**
+ * If 'ch' can be the first character of a two-character match operator
+ * token, return the token type code for that token, otherwise return
+ * eCSSToken_Symbol to indicate that it can't.
+ */
+function MatchOperatorType(ch) {
+ switch (ch) {
+ case TILDE:
+ return eCSSToken_Includes;
+ case VERTICAL_LINE:
+ return eCSSToken_Dashmatch;
+ case CIRCUMFLEX_ACCENT:
+ return eCSSToken_Beginsmatch;
+ case DOLLAR_SIGN:
+ return eCSSToken_Endsmatch;
+ case ASTERISK:
+ return eCSSToken_Containsmatch;
+ default:
+ return eCSSToken_Symbol;
+ }
+}
+
+function Scanner(buffer) {
+ this.mBuffer = buffer || "";
+ this.mOffset = 0;
+ this.mCount = this.mBuffer.length;
+ this.mLineNumber = 1;
+ this.mLineOffset = 0;
+ this.mTokenLineOffset = 0;
+ this.mTokenOffset = 0;
+ this.mTokenLineNumber = 1;
+ this.mEOFCharacters = eEOFCharacters_None;
+}
+
+Scanner.prototype = {
+ /**
+ * The line number of the most recently returned token. Line
+ * numbers are 0-based.
+ */
+ get lineNumber() {
+ return this.mTokenLineNumber - 1;
+ },
+
+ /**
+ * The column number of the most recently returned token. Column
+ * numbers are 0-based.
+ */
+ get columnNumber() {
+ return this.mTokenOffset - this.mTokenLineOffset;
+ },
+
+ /**
+ * When EOF is reached, the last token might be unterminated in some
+ * ways. This method takes an input string and appends the needed
+ * terminators. In particular:
+ *
+ * 1. If EOF occurs mid-string, this will append the correct quote.
+ * 2. If EOF occurs in a url token, this will append the close paren.
+ * 3. If EOF occurs in a comment this will append the comment closer.
+ *
+ * A trailing backslash might also have been present in the input
+ * string. This is handled in different ways, depending on the
+ * context and arguments.
+ *
+ * If preserveBackslash is true, then the existing backslash at the
+ * end of inputString is preserved, and a new backslash is appended.
+ * That is, the input |\| is transformed to |\\|, and the
+ * input |'\| is transformed to |'\\'|.
+ *
+ * Otherwise, preserveBackslash is false:
+ * If the backslash appears in a string context, then the trailing
+ * backslash is dropped from inputString. That is, |"\| is
+ * transformed to |""|.
+ * If the backslash appears outside of a string context, then
+ * U+FFFD is appended. That is, |\| is transformed to a string
+ * with two characters: backslash followed by U+FFFD.
+ *
+ * Passing false for preserveBackslash makes the result conform to
+ * the CSS Syntax specification. However, passing true may give
+ * somewhat more intuitive behavior.
+ *
+ * @param inputString the input string
+ * @param preserveBackslash how to handle trailing backslashes
+ * @return the input string with the termination characters appended
+ */
+ performEOFFixup(aInputString, aPreserveBackslash) {
+ let result = aInputString;
+
+ let eofChars = this.mEOFCharacters;
+
+ if (
+ aPreserveBackslash &&
+ (eofChars &
+ (eEOFCharacters_DropBackslash | eEOFCharacters_ReplacementChar)) !=
+ 0
+ ) {
+ eofChars &= ~(
+ eEOFCharacters_DropBackslash | eEOFCharacters_ReplacementChar
+ );
+ result += "\\";
+ }
+
+ if (
+ (eofChars & eEOFCharacters_DropBackslash) != 0 &&
+ !!result.length &&
+ result.endsWith("\\")
+ ) {
+ result = result.slice(0, -1);
+ }
+
+ const extra = [];
+ this.AppendImpliedEOFCharacters(eofChars, extra);
+ const asString = String.fromCharCode.apply(null, extra);
+
+ return result + asString;
+ },
+
+ /**
+ * Return the next token, or null at EOF.
+ *
+ * The token object is described by the following WebIDL definition:
+ *
+ * dictionary CSSToken {
+ * // The token type.
+ * CSSTokenType tokenType = "whitespace";
+ *
+ * // Offset of the first character of the token.
+ * unsigned long startOffset = 0;
+ * // Offset of the character after the final character of the token.
+ * // This is chosen so that the offsets can be passed to |substring|
+ * // to yield the exact contents of the token.
+ * unsigned long endOffset = 0;
+ *
+ * // If the token is a number, percentage, or dimension, this holds
+ * // the value. This is not present for other token types.
+ * double number;
+ * // If the token is a number, percentage, or dimension, this is true
+ * // iff the number had an explicit sign. This is not present for
+ * // other token types.
+ * boolean hasSign;
+ * // If the token is a number, percentage, or dimension, this is true
+ * // iff the number was specified as an integer. This is not present
+ * // for other token types.
+ * boolean isInteger;
+ *
+ * // Text associated with the token. This is not present for all
+ * // token types. In particular it is:
+ * //
+ * // Token type Meaning
+ * // ===============================
+ * // ident The identifier.
+ * // function The function name. Note that the "(" is part
+ * // of the token but is not present in |text|.
+ * // at The word.
+ * // id The word.
+ * // hash The word.
+ * // dimension The dimension.
+ * // string The string contents after escape processing.
+ * // bad_string Ditto.
+ * // url The URL after escape processing.
+ * // bad_url Ditto.
+ * // symbol The symbol text.
+ * DOMString text;
+ * };
+ */
+ nextToken() {
+ const token = {};
+ if (!this.Next(token)) {
+ return null;
+ }
+
+ const resultToken = {};
+ resultToken.tokenType = token.mType;
+ resultToken.startOffset = this.mTokenOffset;
+ resultToken.endOffset = this.mOffset;
+ const constructText = () => {
+ return safeApply(String.fromCharCode, null, token.mIdent).join("");
+ };
+
+ switch (token.mType) {
+ case eCSSToken_Whitespace:
+ break;
+
+ case eCSSToken_Ident:
+ case eCSSToken_Function:
+ case eCSSToken_AtKeyword:
+ case eCSSToken_ID:
+ case eCSSToken_Hash:
+ resultToken.text = constructText();
+ break;
+
+ case eCSSToken_Dimension:
+ resultToken.text = constructText();
+ /* Fall through. */
+ case eCSSToken_Number:
+ case eCSSToken_Percentage:
+ resultToken.number = token.mNumber;
+ resultToken.hasSign = token.mHasSign;
+ resultToken.isInteger = token.mIntegerValid;
+ break;
+
+ case eCSSToken_String:
+ case eCSSToken_Bad_String:
+ case eCSSToken_URL:
+ case eCSSToken_Bad_URL:
+ resultToken.text = constructText();
+ /* Don't bother emitting the delimiter, as it is readily extracted
+ from the source string when needed. */
+ break;
+
+ case eCSSToken_Symbol:
+ resultToken.text = String.fromCharCode(token.mSymbol);
+ break;
+
+ case eCSSToken_Includes:
+ case eCSSToken_Dashmatch:
+ case eCSSToken_Beginsmatch:
+ case eCSSToken_Endsmatch:
+ case eCSSToken_Containsmatch:
+ case eCSSToken_URange:
+ break;
+
+ case eCSSToken_Comment:
+ case eCSSToken_HTMLComment:
+ /* The comment text is easily extracted from the source string,
+ and is rarely useful. */
+ break;
+ }
+
+ return resultToken;
+ },
+
+ /**
+ * Return the raw UTF-16 code unit at position |this.mOffset + n| within
+ * the read buffer. If that is beyond the end of the buffer, returns
+ * -1 to indicate end of input.
+ */
+ Peek(n = 0) {
+ if (this.mOffset + n >= this.mCount) {
+ return -1;
+ }
+ return this.mBuffer.charCodeAt(this.mOffset + n);
+ },
+
+ /**
+ * Advance |this.mOffset| over |n| code units. Advance(0) is a no-op.
+ * If |n| is greater than the distance to end of input, will silently
+ * stop at the end. May not be used to advance over a line boundary;
+ * AdvanceLine() must be used instead.
+ */
+ Advance(n = 1) {
+ if (this.mOffset + n >= this.mCount || this.mOffset + n < this.mOffset) {
+ this.mOffset = this.mCount;
+ } else {
+ this.mOffset += n;
+ }
+ },
+
+ /**
+ * Advance |this.mOffset| over a line boundary.
+ */
+ AdvanceLine() {
+ // Advance over \r\n as a unit.
+ if (
+ this.mBuffer.charCodeAt(this.mOffset) == CARRIAGE_RETURN &&
+ this.mOffset + 1 < this.mCount &&
+ this.mBuffer.charCodeAt(this.mOffset + 1) == LINE_FEED
+ ) {
+ this.mOffset += 2;
+ } else {
+ this.mOffset += 1;
+ }
+ // 0 is a magical line number meaning that we don't know (i.e., script)
+ if (this.mLineNumber != 0) {
+ this.mLineNumber++;
+ }
+ this.mLineOffset = this.mOffset;
+ },
+
+ /**
+ * Skip over a sequence of whitespace characters (vertical or
+ * horizontal) starting at the current read position.
+ */
+ SkipWhitespace() {
+ for (;;) {
+ const ch = this.Peek();
+ if (!IsWhitespace(ch)) {
+ // EOF counts as non-whitespace
+ break;
+ }
+ if (IsVertSpace(ch)) {
+ this.AdvanceLine();
+ } else {
+ this.Advance();
+ }
+ }
+ },
+
+ /**
+ * Skip over one CSS comment starting at the current read position.
+ */
+ SkipComment() {
+ this.Advance(2);
+ for (;;) {
+ let ch = this.Peek();
+ if (ch < 0) {
+ this.SetEOFCharacters(eEOFCharacters_Asterisk | eEOFCharacters_Slash);
+ return;
+ }
+ if (ch == ASTERISK) {
+ this.Advance();
+ ch = this.Peek();
+ if (ch < 0) {
+ this.SetEOFCharacters(eEOFCharacters_Slash);
+ return;
+ }
+ if (ch == SOLIDUS) {
+ this.Advance();
+ return;
+ }
+ } else if (IsVertSpace(ch)) {
+ this.AdvanceLine();
+ } else {
+ this.Advance();
+ }
+ }
+ },
+
+ /**
+ * If there is a valid escape sequence starting at the current read
+ * position, consume it, decode it, append the result to |aOutput|,
+ * and return true. Otherwise, consume nothing, leave |aOutput|
+ * unmodified, and return false. If |aInString| is true, accept the
+ * additional form of escape sequence allowed within string-like tokens.
+ */
+ GatherEscape(aOutput, aInString) {
+ let ch = this.Peek(1);
+ if (ch < 0) {
+ // If we are in a string (or a url() containing a string), we want to drop
+ // the backslash on the floor. Otherwise, we want to treat it as a U+FFFD
+ // character.
+ this.Advance();
+ if (aInString) {
+ this.SetEOFCharacters(eEOFCharacters_DropBackslash);
+ } else {
+ aOutput.push(UCS2_REPLACEMENT_CHAR);
+ this.SetEOFCharacters(eEOFCharacters_ReplacementChar);
+ }
+ return true;
+ }
+ if (IsVertSpace(ch)) {
+ if (aInString) {
+ // In strings (and in url() containing a string), escaped
+ // newlines are completely removed, to allow splitting over
+ // multiple lines.
+ this.Advance();
+ this.AdvanceLine();
+ return true;
+ }
+ // Outside of strings, backslash followed by a newline is not an escape.
+ return false;
+ }
+
+ if (!IsHexDigit(ch)) {
+ // "Any character (except a hexadecimal digit, linefeed, carriage
+ // return, or form feed) can be escaped with a backslash to remove
+ // its special meaning." -- CSS2.1 section 4.1.3
+ this.Advance(2);
+ if (ch == 0) {
+ aOutput.push(UCS2_REPLACEMENT_CHAR);
+ } else {
+ aOutput.push(ch);
+ }
+ return true;
+ }
+
+ // "[at most six hexadecimal digits following a backslash] stand
+ // for the ISO 10646 character with that number, which must not be
+ // zero. (It is undefined in CSS 2.1 what happens if a style sheet
+ // does contain a character with Unicode codepoint zero.)"
+ // -- CSS2.1 section 4.1.3
+
+ // At this point we know we have \ followed by at least one
+ // hexadecimal digit, therefore the escape sequence is valid and we
+ // can go ahead and consume the backslash.
+ this.Advance();
+ let val = 0;
+ let i = 0;
+ do {
+ val = val * 16 + HexDigitValue(ch);
+ i++;
+ this.Advance();
+ ch = this.Peek();
+ } while (i < 6 && IsHexDigit(ch));
+
+ // "Interpret the hex digits as a hexadecimal number. If this
+ // number is zero, or is greater than the maximum allowed
+ // codepoint, return U+FFFD REPLACEMENT CHARACTER" -- CSS Syntax
+ // Level 3
+ if (val == 0) {
+ aOutput.push(UCS2_REPLACEMENT_CHAR);
+ } else {
+ aOutput.push(ensureValidChar(val));
+ }
+
+ // Consume exactly one whitespace character after a
+ // hexadecimal escape sequence.
+ if (IsVertSpace(ch)) {
+ this.AdvanceLine();
+ } else if (IsHorzSpace(ch)) {
+ this.Advance();
+ }
+ return true;
+ },
+
+ /**
+ * Consume a run of "text" beginning with the current read position,
+ * consisting of characters in the class |aClass| (which must be a
+ * suitable argument to IsOpenCharClass) plus escape sequences.
+ * Append the text to |aText|, after decoding escape sequences.
+ *
+ * Returns true if at least one character was appended to |aText|,
+ * false otherwise.
+ */
+ GatherText(aClass, aText) {
+ const start = this.mOffset;
+ const inString = aClass == IS_STRING;
+
+ for (;;) {
+ // Consume runs of unescaped characters in one go.
+ let n = this.mOffset;
+ while (
+ n < this.mCount &&
+ IsOpenCharClass(this.mBuffer.charCodeAt(n), aClass)
+ ) {
+ n++;
+ }
+ if (n > this.mOffset) {
+ const codes = stringToCodes(this.mBuffer.slice(this.mOffset, n));
+ safeApply(Array.prototype.push, aText, codes);
+ this.mOffset = n;
+ }
+ if (n == this.mCount) {
+ break;
+ }
+
+ const ch = this.Peek();
+ if (ch == 0) {
+ this.Advance();
+ aText.push(UCS2_REPLACEMENT_CHAR);
+ continue;
+ }
+
+ if (ch != REVERSE_SOLIDUS) {
+ break;
+ }
+ if (!this.GatherEscape(aText, inString)) {
+ break;
+ }
+ }
+
+ return this.mOffset > start;
+ },
+
+ /**
+ * Scan an Ident token. This also handles Function and URL tokens,
+ * both of which begin indistinguishably from an identifier. It can
+ * produce a Symbol token when an apparent identifier actually led
+ * into an invalid escape sequence.
+ */
+ ScanIdent(aToken) {
+ if (!this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+ aToken.mSymbol = this.Peek();
+ this.Advance();
+ return true;
+ }
+
+ if (this.Peek() != LEFT_PARENTHESIS) {
+ aToken.mType = eCSSToken_Ident;
+ return true;
+ }
+
+ this.Advance();
+ aToken.mType = eCSSToken_Function;
+
+ const asString = String.fromCharCode.apply(null, aToken.mIdent);
+ if (asString.toLowerCase() === "url") {
+ this.NextURL(aToken);
+ }
+ return true;
+ },
+
+ /**
+ * Scan an AtKeyword token. Also handles production of Symbol when
+ * an '@' is not followed by an identifier.
+ */
+ ScanAtKeyword(aToken) {
+ // Fall back for when '@' isn't followed by an identifier.
+ aToken.mSymbol = COMMERCIAL_AT;
+ this.Advance();
+
+ const ch = this.Peek();
+ if (StartsIdent(ch, this.Peek(1))) {
+ if (this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+ aToken.mType = eCSSToken_AtKeyword;
+ }
+ }
+ return true;
+ },
+
+ /**
+ * Scan a Hash token. Handles the distinction between eCSSToken_ID
+ * and eCSSToken_Hash, and handles production of Symbol when a '#'
+ * is not followed by identifier characters.
+ */
+ ScanHash(aToken) {
+ // Fall back for when '#' isn't followed by identifier characters.
+ aToken.mSymbol = NUMBER_SIGN;
+ this.Advance();
+
+ const ch = this.Peek();
+ if (IsIdentChar(ch) || ch == REVERSE_SOLIDUS) {
+ const type = StartsIdent(ch, this.Peek(1))
+ ? eCSSToken_ID
+ : eCSSToken_Hash;
+ aToken.mIdent.length = 0;
+ if (this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+ aToken.mType = type;
+ }
+ }
+
+ return true;
+ },
+
+ /**
+ * Scan a Number, Percentage, or Dimension token (all of which begin
+ * like a Number). Can produce a Symbol when a '.' is not followed by
+ * digits, or when '+' or '-' are not followed by either a digit or a
+ * '.' and then a digit. Can also produce a HTMLComment when it
+ * encounters '-->'.
+ */
+ ScanNumber(aToken) {
+ let c = this.Peek();
+
+ // Sign of the mantissa (-1 or 1).
+ const sign = c == HYPHEN_MINUS ? -1 : 1;
+ // Absolute value of the integer part of the mantissa. This is a double so
+ // we don't run into overflow issues for consumers that only care about our
+ // floating-point value while still being able to express the full int32_t
+ // range for consumers who want integers.
+ let intPart = 0;
+ // Fractional part of the mantissa. This is a double so that when
+ // we convert to float at the end we'll end up rounding to nearest
+ // float instead of truncating down (as we would if fracPart were
+ // a float and we just effectively lost the last several digits).
+ let fracPart = 0;
+ // Absolute value of the power of 10 that we should multiply by
+ // (only relevant for numbers in scientific notation). Has to be
+ // a signed integer, because multiplication of signed by unsigned
+ // converts the unsigned to signed, so if we plan to actually
+ // multiply by expSign...
+ let exponent = 0;
+ // Sign of the exponent.
+ let expSign = 1;
+
+ aToken.mHasSign = c == PLUS_SIGN || c == HYPHEN_MINUS;
+ if (aToken.mHasSign) {
+ this.Advance();
+ c = this.Peek();
+ }
+
+ let gotDot = c == FULL_STOP;
+
+ if (!gotDot) {
+ // Scan the integer part of the mantissa.
+ do {
+ intPart = 10 * intPart + DecimalDigitValue(c);
+ this.Advance();
+ c = this.Peek();
+ } while (IsDigit(c));
+
+ gotDot = c == FULL_STOP && IsDigit(this.Peek(1));
+ }
+
+ if (gotDot) {
+ // Scan the fractional part of the mantissa.
+ this.Advance();
+ c = this.Peek();
+ // Power of ten by which we need to divide our next digit
+ let divisor = 10;
+ do {
+ fracPart += DecimalDigitValue(c) / divisor;
+ divisor *= 10;
+ this.Advance();
+ c = this.Peek();
+ } while (IsDigit(c));
+ }
+
+ let gotE = false;
+ if (c == LATIN_SMALL_LETTER_E || c == LATIN_CAPITAL_LETTER_E) {
+ const expSignChar = this.Peek(1);
+ const nextChar = this.Peek(2);
+ if (
+ IsDigit(expSignChar) ||
+ ((expSignChar == HYPHEN_MINUS || expSignChar == PLUS_SIGN) &&
+ IsDigit(nextChar))
+ ) {
+ gotE = true;
+ if (expSignChar == HYPHEN_MINUS) {
+ expSign = -1;
+ }
+ this.Advance(); // consumes the E
+ if (expSignChar == HYPHEN_MINUS || expSignChar == PLUS_SIGN) {
+ this.Advance();
+ c = nextChar;
+ } else {
+ c = expSignChar;
+ }
+ do {
+ exponent = 10 * exponent + DecimalDigitValue(c);
+ this.Advance();
+ c = this.Peek();
+ } while (IsDigit(c));
+ }
+ }
+
+ let type = eCSSToken_Number;
+
+ // Set mIntegerValid for all cases (except %, below) because we need
+ // it for the "2n" in :nth-child(2n).
+ aToken.mIntegerValid = false;
+
+ // Time to reassemble our number.
+ // Do all the math in double precision so it's truncated only once.
+ let value = sign * (intPart + fracPart);
+ if (gotE) {
+ // Explicitly cast expSign*exponent to double to avoid issues with
+ // overloaded pow() on Windows.
+ value *= Math.pow(10.0, expSign * exponent);
+ } else if (!gotDot) {
+ // Clamp values outside of integer range.
+ if (sign > 0) {
+ aToken.mInteger = Math.min(intPart, Number.MAX_SAFE_INTEGER);
+ } else {
+ aToken.mInteger = Math.max(-intPart, Number.MIN_SAFE_INTEGER);
+ }
+ aToken.mIntegerValid = true;
+ }
+
+ const ident = aToken.mIdent;
+
+ // Check for Dimension and Percentage tokens.
+ if (c >= 0) {
+ if (StartsIdent(c, this.Peek(1))) {
+ if (this.GatherText(IS_IDCHAR, ident)) {
+ type = eCSSToken_Dimension;
+ }
+ } else if (c == PERCENT_SIGN) {
+ this.Advance();
+ type = eCSSToken_Percentage;
+ value = value / 100.0;
+ aToken.mIntegerValid = false;
+ }
+ }
+ aToken.mNumber = value;
+ aToken.mType = type;
+ return true;
+ },
+
+ /**
+ * Scan a string constant ('foo' or "foo"). Will always produce
+ * either a String or a Bad_String token; the latter occurs when the
+ * close quote is missing. Always returns true (for convenience in Next()).
+ */
+ ScanString(aToken) {
+ const aStop = this.Peek();
+ aToken.mType = eCSSToken_String;
+ aToken.mSymbol = aStop; // Remember how it's quoted.
+ this.Advance();
+
+ for (;;) {
+ this.GatherText(IS_STRING, aToken.mIdent);
+
+ const ch = this.Peek();
+ if (ch == -1) {
+ this.AddEOFCharacters(
+ aStop == QUOTATION_MARK
+ ? eEOFCharacters_DoubleQuote
+ : eEOFCharacters_SingleQuote
+ );
+ break; // EOF ends a string token with no error.
+ }
+ if (ch == aStop) {
+ this.Advance();
+ break;
+ }
+ // Both " and ' are excluded from IS_STRING.
+ if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+ aToken.mIdent.push(ch);
+ this.Advance();
+ continue;
+ }
+
+ aToken.mType = eCSSToken_Bad_String;
+ break;
+ }
+ return true;
+ },
+
+ /**
+ * Scan a unicode-range token. These match the regular expression
+ *
+ * u\+[0-9a-f?]{1,6}(-[0-9a-f]{1,6})?
+ *
+ * However, some such tokens are "invalid". There are three valid forms:
+ *
+ * u+[0-9a-f]{x} 1 <= x <= 6
+ * u+[0-9a-f]{x}\?{y} 1 <= x+y <= 6
+ * u+[0-9a-f]{x}-[0-9a-f]{y} 1 <= x <= 6, 1 <= y <= 6
+ *
+ * All unicode-range tokens have their text recorded in mIdent; valid ones
+ * are also decoded into mInteger and mInteger2, and mIntegerValid is set.
+ * Note that this does not validate the numeric range, only the syntactic
+ * form.
+ */
+ ScanURange(aResult) {
+ const intro1 = this.Peek();
+ const intro2 = this.Peek(1);
+ let ch = this.Peek(2);
+
+ aResult.mIdent.push(intro1);
+ aResult.mIdent.push(intro2);
+ this.Advance(2);
+
+ let valid = true;
+ let haveQues = false;
+ let low = 0;
+ let high = 0;
+ let i = 0;
+
+ do {
+ aResult.mIdent.push(ch);
+ if (IsHexDigit(ch)) {
+ if (haveQues) {
+ valid = false; // All question marks should be at the end.
+ }
+ low = low * 16 + HexDigitValue(ch);
+ high = high * 16 + HexDigitValue(ch);
+ } else {
+ haveQues = true;
+ low = low * 16 + 0x0;
+ high = high * 16 + 0xf;
+ }
+
+ i++;
+ this.Advance();
+ ch = this.Peek();
+ } while (i < 6 && (IsHexDigit(ch) || ch == QUESTION_MARK));
+
+ if (ch == HYPHEN_MINUS && IsHexDigit(this.Peek(1))) {
+ if (haveQues) {
+ valid = false;
+ }
+
+ aResult.mIdent.push(ch);
+ this.Advance();
+ ch = this.Peek();
+ high = 0;
+ i = 0;
+ do {
+ aResult.mIdent.push(ch);
+ high = high * 16 + HexDigitValue(ch);
+
+ i++;
+ this.Advance();
+ ch = this.Peek();
+ } while (i < 6 && IsHexDigit(ch));
+ }
+
+ aResult.mInteger = low;
+ aResult.mInteger2 = high;
+ aResult.mIntegerValid = valid;
+ aResult.mType = eCSSToken_URange;
+ return true;
+ },
+
+ SetEOFCharacters(aEOFCharacters) {
+ this.mEOFCharacters = aEOFCharacters;
+ },
+
+ AddEOFCharacters(aEOFCharacters) {
+ this.mEOFCharacters = this.mEOFCharacters | aEOFCharacters;
+ },
+
+ AppendImpliedEOFCharacters(aEOFCharacters, aResult) {
+ // First, ignore eEOFCharacters_DropBackslash.
+ let c = aEOFCharacters >> 1;
+
+ // All of the remaining EOFCharacters bits represent appended characters,
+ // and the bits are in the order that they need appending.
+ for (const p of kImpliedEOFCharacters) {
+ if (c & 1) {
+ aResult.push(p);
+ }
+ c >>= 1;
+ }
+ },
+
+ /**
+ * Consume the part of an URL token after the initial 'url('. Caller
+ * is assumed to have consumed 'url(' already. Will always produce
+ * either an URL or a Bad_URL token.
+ *
+ * Exposed for use by nsCSSParser::ParseMozDocumentRule, which applies
+ * the special lexical rules for URL tokens in a nonstandard context.
+ */
+ NextURL(aToken) {
+ this.SkipWhitespace();
+
+ // aToken.mIdent may be "url" at this point; clear that out
+ aToken.mIdent.length = 0;
+
+ let hasString = false;
+ let ch = this.Peek();
+ // Do we have a string?
+ if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+ this.ScanString(aToken);
+ if (aToken.mType == eCSSToken_Bad_String) {
+ aToken.mType = eCSSToken_Bad_URL;
+ return;
+ }
+ hasString = true;
+ } else {
+ // Otherwise, this is the start of a non-quoted url (which may be empty).
+ aToken.mSymbol = 0;
+ this.GatherText(IS_URL_CHAR, aToken.mIdent);
+ }
+
+ // Consume trailing whitespace and then look for a close parenthesis.
+ this.SkipWhitespace();
+ ch = this.Peek();
+ // ch can be less than zero indicating EOF
+ if (ch < 0 || ch == RIGHT_PARENTHESIS) {
+ this.Advance();
+ aToken.mType = eCSSToken_URL;
+ if (ch < 0) {
+ this.AddEOFCharacters(eEOFCharacters_CloseParen);
+ }
+ } else {
+ aToken.mType = eCSSToken_Bad_URL;
+ if (!hasString) {
+ // Consume until before the next right parenthesis, which follows
+ // how <bad-url-token> is consumed in CSS Syntax 3 spec.
+ // Note that, we only do this when "url(" is not followed by a
+ // string, because in the spec, "url(" followed by a string is
+ // handled as a url function rather than a <url-token>, so the
+ // rest of content before ")" should be consumed in balance,
+ // which will be done by the parser.
+ // The closing ")" is not consumed here. It is left to the parser
+ // so that the parser can handle both cases.
+ do {
+ if (IsVertSpace(ch)) {
+ this.AdvanceLine();
+ } else {
+ this.Advance();
+ }
+ ch = this.Peek();
+ } while (ch >= 0 && ch != RIGHT_PARENTHESIS);
+ }
+ }
+ },
+
+ /**
+ * Primary scanner entry point. Consume one token and fill in
+ * |aToken| accordingly. Will skip over any number of comments first,
+ * and will also skip over rather than return whitespace and comment
+ * tokens, depending on the value of |aSkip|.
+ *
+ * Returns true if it successfully consumed a token, false if EOF has
+ * been reached. Will always advance the current read position by at
+ * least one character unless called when already at EOF.
+ */
+ Next(aToken, aSkip) {
+ // do this here so we don't have to do it in dozens of other places
+ aToken.mIdent = [];
+ aToken.mType = eCSSToken_Symbol;
+
+ this.mTokenOffset = this.mOffset;
+ this.mTokenLineOffset = this.mLineOffset;
+ this.mTokenLineNumber = this.mLineNumber;
+
+ const ch = this.Peek();
+ if (IsWhitespace(ch)) {
+ this.SkipWhitespace();
+ aToken.mType = eCSSToken_Whitespace;
+ return true;
+ }
+ if (
+ ch == SOLIDUS && // !IsSVGMode() &&
+ this.Peek(1) == ASTERISK
+ ) {
+ this.SkipComment();
+ aToken.mType = eCSSToken_Comment;
+ return true;
+ }
+
+ // EOF
+ if (ch < 0) {
+ return false;
+ }
+
+ // 'u' could be UNICODE-RANGE or an identifier-family token
+ if (ch == LATIN_SMALL_LETTER_U || ch == LATIN_CAPITAL_LETTER_U) {
+ const c2 = this.Peek(1);
+ const c3 = this.Peek(2);
+ if (c2 == PLUS_SIGN && (IsHexDigit(c3) || c3 == QUESTION_MARK)) {
+ return this.ScanURange(aToken);
+ }
+ return this.ScanIdent(aToken);
+ }
+
+ // identifier family
+ if (IsIdentStart(ch)) {
+ return this.ScanIdent(aToken);
+ }
+
+ // number family
+ if (IsDigit(ch)) {
+ return this.ScanNumber(aToken);
+ }
+
+ if (ch == FULL_STOP && IsDigit(this.Peek(1))) {
+ return this.ScanNumber(aToken);
+ }
+
+ if (ch == PLUS_SIGN) {
+ const c2 = this.Peek(1);
+ if (IsDigit(c2) || (c2 == FULL_STOP && IsDigit(this.Peek(2)))) {
+ return this.ScanNumber(aToken);
+ }
+ }
+
+ // HYPHEN_MINUS can start an identifier-family token, a number-family token,
+ // or an HTML-comment
+ if (ch == HYPHEN_MINUS) {
+ const c2 = this.Peek(1);
+ const c3 = this.Peek(2);
+ if (IsIdentStart(c2) || (c2 == HYPHEN_MINUS && c3 != GREATER_THAN_SIGN)) {
+ return this.ScanIdent(aToken);
+ }
+ if (IsDigit(c2) || (c2 == FULL_STOP && IsDigit(c3))) {
+ return this.ScanNumber(aToken);
+ }
+ if (c2 == HYPHEN_MINUS && c3 == GREATER_THAN_SIGN) {
+ this.Advance(3);
+ aToken.mType = eCSSToken_HTMLComment;
+ aToken.mIdent = stringToCodes("-->");
+ return true;
+ }
+ }
+
+ // the other HTML-comment token
+ if (
+ ch == LESS_THAN_SIGN &&
+ this.Peek(1) == EXCLAMATION_MARK &&
+ this.Peek(2) == HYPHEN_MINUS &&
+ this.Peek(3) == HYPHEN_MINUS
+ ) {
+ this.Advance(4);
+ aToken.mType = eCSSToken_HTMLComment;
+ aToken.mIdent = stringToCodes("<!--");
+ return true;
+ }
+
+ // AT_KEYWORD
+ if (ch == COMMERCIAL_AT) {
+ return this.ScanAtKeyword(aToken);
+ }
+
+ // HASH
+ if (ch == NUMBER_SIGN) {
+ return this.ScanHash(aToken);
+ }
+
+ // STRING
+ if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+ return this.ScanString(aToken);
+ }
+
+ // Match operators: ~= |= ^= $= *=
+ const opType = MatchOperatorType(ch);
+ if (opType != eCSSToken_Symbol && this.Peek(1) == EQUALS_SIGN) {
+ aToken.mType = opType;
+ this.Advance(2);
+ return true;
+ }
+
+ // Otherwise, a symbol (DELIM).
+ aToken.mSymbol = ch;
+ this.Advance();
+ return true;
+ },
+};
+
+/**
+ * Create and return a new CSS lexer.
+ *
+ * @param {String} input the CSS text to lex
+ * @return {CSSLexer} the new lexer
+ */
+function getCSSLexer(input) {
+ return new Scanner(input);
+}
+
+exports.getCSSLexer = getCSSLexer;
diff --git a/devtools/shared/css/moz.build b/devtools/shared/css/moz.build
new file mode 100644
index 0000000000..efcd478602
--- /dev/null
+++ b/devtools/shared/css/moz.build
@@ -0,0 +1,18 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DIRS += [
+ "generated",
+]
+
+DevToolsModules(
+ "color-db.js",
+ "color.js",
+ "constants.js",
+ "lexer.js",
+ "parsing-utils.js",
+ "properties-db.js",
+)
diff --git a/devtools/shared/css/parsing-utils.js b/devtools/shared/css/parsing-utils.js
new file mode 100644
index 0000000000..a7ad2039d3
--- /dev/null
+++ b/devtools/shared/css/parsing-utils.js
@@ -0,0 +1,736 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// This file holds various CSS parsing and rewriting utilities.
+// Some entry points of note are:
+// parseDeclarations - parse a CSS rule into declarations
+// parsePseudoClassesAndAttributes - parse selector and extract
+// pseudo-classes
+// parseSingleValue - parse a single CSS property value
+
+"use strict";
+
+const { getCSSLexer } = require("resource://devtools/shared/css/lexer.js");
+
+loader.lazyRequireGetter(
+ this,
+ "CSS_ANGLEUNIT",
+ "resource://devtools/shared/css/constants.js",
+ true
+);
+
+const SELECTOR_ATTRIBUTE = (exports.SELECTOR_ATTRIBUTE = 1);
+const SELECTOR_ELEMENT = (exports.SELECTOR_ELEMENT = 2);
+const SELECTOR_PSEUDO_CLASS = (exports.SELECTOR_PSEUDO_CLASS = 3);
+const CSS_BLOCKS = { "(": ")", "[": "]", "{": "}" };
+
+// When commenting out a declaration, we put this character into the
+// comment opener so that future parses of the commented text know to
+// bypass the property name validity heuristic.
+const COMMENT_PARSING_HEURISTIC_BYPASS_CHAR = (exports.COMMENT_PARSING_HEURISTIC_BYPASS_CHAR =
+ "!");
+
+/**
+ * A generator function that lexes a CSS source string, yielding the
+ * CSS tokens. Comment tokens are dropped.
+ *
+ * @param {String} CSS source string
+ * @yield {CSSToken} The next CSSToken that is lexed
+ * @see CSSToken for details about the returned tokens
+ */
+function* cssTokenizer(string) {
+ const lexer = getCSSLexer(string);
+ while (true) {
+ const token = lexer.nextToken();
+ if (!token) {
+ break;
+ }
+ // None of the existing consumers want comments.
+ if (token.tokenType !== "comment") {
+ yield token;
+ }
+ }
+}
+
+/**
+ * Pass |string| to the CSS lexer and return an array of all the
+ * returned tokens. Comment tokens are not included. In addition to
+ * the usual information, each token will have starting and ending
+ * line and column information attached. Specifically, each token
+ * has an additional "loc" attribute. This attribute is an object
+ * of the form {line: L, column: C}. Lines and columns are both zero
+ * based.
+ *
+ * It's best not to add new uses of this function. In general it is
+ * simpler and better to use the CSSToken offsets, rather than line
+ * and column. Also, this function lexes the entire input string at
+ * once, rather than lazily yielding a token stream. Use
+ * |cssTokenizer| or |getCSSLexer| instead.
+ *
+ * @param{String} string The input string.
+ * @return {Array} An array of tokens (@see CSSToken) that have
+ * line and column information.
+ */
+function cssTokenizerWithLineColumn(string) {
+ const lexer = getCSSLexer(string);
+ const result = [];
+ let prevToken = undefined;
+ while (true) {
+ const token = lexer.nextToken();
+ const lineNumber = lexer.lineNumber;
+ const columnNumber = lexer.columnNumber;
+
+ if (prevToken) {
+ prevToken.loc.end = {
+ line: lineNumber,
+ column: columnNumber,
+ };
+ }
+
+ if (!token) {
+ break;
+ }
+
+ if (token.tokenType === "comment") {
+ // We've already dealt with the previous token's location.
+ prevToken = undefined;
+ } else {
+ const startLoc = {
+ line: lineNumber,
+ column: columnNumber,
+ };
+ token.loc = { start: startLoc };
+
+ result.push(token);
+ prevToken = token;
+ }
+ }
+
+ return result;
+}
+
+/**
+ * Escape a comment body. Find the comment start and end strings in a
+ * string and inserts backslashes so that the resulting text can
+ * itself be put inside a comment.
+ *
+ * @param {String} inputString
+ * input string
+ * @return {String} the escaped result
+ */
+function escapeCSSComment(inputString) {
+ const result = inputString.replace(/\/(\\*)\*/g, "/\\$1*");
+ return result.replace(/\*(\\*)\//g, "*\\$1/");
+}
+
+/**
+ * Un-escape a comment body. This undoes any comment escaping that
+ * was done by escapeCSSComment. That is, given input like "/\*
+ * comment *\/", it will strip the backslashes.
+ *
+ * @param {String} inputString
+ * input string
+ * @return {String} the un-escaped result
+ */
+function unescapeCSSComment(inputString) {
+ const result = inputString.replace(/\/\\(\\*)\*/g, "/$1*");
+ return result.replace(/\*\\(\\*)\//g, "*$1/");
+}
+
+/**
+ * A helper function for @see parseDeclarations that handles parsing
+ * of comment text. This wraps a recursive call to parseDeclarations
+ * with the processing needed to ensure that offsets in the result
+ * refer back to the original, unescaped, input string.
+ *
+ * @param {Function} isCssPropertyKnown
+ * A function to check if the CSS property is known. This is either an
+ * internal server function or from the CssPropertiesFront.
+ * @param {String} commentText The text of the comment, without the
+ * delimiters.
+ * @param {Number} startOffset The offset of the comment opener
+ * in the original text.
+ * @param {Number} endOffset The offset of the comment closer
+ * in the original text.
+ * @return {array} Array of declarations of the same form as returned
+ * by parseDeclarations.
+ */
+function parseCommentDeclarations(
+ isCssPropertyKnown,
+ commentText,
+ startOffset,
+ endOffset
+) {
+ let commentOverride = false;
+ if (commentText === "") {
+ return [];
+ } else if (commentText[0] === COMMENT_PARSING_HEURISTIC_BYPASS_CHAR) {
+ // This is the special sign that the comment was written by
+ // rewriteDeclarations and so we should bypass the usual
+ // heuristic.
+ commentOverride = true;
+ commentText = commentText.substring(1);
+ }
+
+ const rewrittenText = unescapeCSSComment(commentText);
+
+ // We might have rewritten an embedded comment. For example
+ // /\* ... *\/ would turn into /* ... */.
+ // This rewriting is necessary for proper lexing, but it means
+ // that the offsets we get back can be off. So now we compute
+ // a map so that we can rewrite offsets later. The map is the same
+ // length as |rewrittenText| and tells us how to map an index
+ // into |rewrittenText| to an index into |commentText|.
+ //
+ // First, we find the location of each comment starter or closer in
+ // |rewrittenText|. At these spots we put a 1 into |rewrites|.
+ // Then we walk the array again, using the elements to compute a
+ // delta, which we use to make the final mapping.
+ //
+ // Note we allocate one extra entry because we can see an ending
+ // offset that is equal to the length.
+ const rewrites = new Array(rewrittenText.length + 1).fill(0);
+
+ const commentRe = /\/\\*\*|\*\\*\//g;
+ while (true) {
+ const matchData = commentRe.exec(rewrittenText);
+ if (!matchData) {
+ break;
+ }
+ rewrites[matchData.index] = 1;
+ }
+
+ let delta = 0;
+ for (let i = 0; i <= rewrittenText.length; ++i) {
+ delta += rewrites[i];
+ // |startOffset| to add the offset from the comment starter, |+2|
+ // for the length of the "/*", then |i| and |delta| as described
+ // above.
+ rewrites[i] = startOffset + 2 + i + delta;
+ if (commentOverride) {
+ ++rewrites[i];
+ }
+ }
+
+ // Note that we pass "false" for parseComments here. It doesn't
+ // seem worthwhile to support declarations in comments-in-comments
+ // here, as there's no way to generate those using the tools, and
+ // users would be crazy to write such things.
+ const newDecls = parseDeclarationsInternal(
+ isCssPropertyKnown,
+ rewrittenText,
+ false,
+ true,
+ commentOverride
+ );
+ for (const decl of newDecls) {
+ decl.offsets[0] = rewrites[decl.offsets[0]];
+ decl.offsets[1] = rewrites[decl.offsets[1]];
+ decl.colonOffsets[0] = rewrites[decl.colonOffsets[0]];
+ decl.colonOffsets[1] = rewrites[decl.colonOffsets[1]];
+ decl.commentOffsets = [startOffset, endOffset];
+ }
+ return newDecls;
+}
+
+/**
+ * A helper function for parseDeclarationsInternal that creates a new
+ * empty declaration.
+ *
+ * @return {object} an empty declaration of the form returned by
+ * parseDeclarations
+ */
+function getEmptyDeclaration() {
+ return {
+ name: "",
+ value: "",
+ priority: "",
+ terminator: "",
+ offsets: [undefined, undefined],
+ colonOffsets: false,
+ };
+}
+
+/**
+ * Like trim, but only trims CSS-allowed whitespace.
+ */
+function cssTrim(str) {
+ const match = /^[ \t\r\n\f]*(.*?)[ \t\r\n\f]*$/.exec(str);
+ if (match) {
+ return match[1];
+ }
+ return str;
+}
+
+/**
+ * A helper function that does all the parsing work for
+ * parseDeclarations. This is separate because it has some arguments
+ * that don't make sense in isolation.
+ *
+ * The return value and arguments are like parseDeclarations, with
+ * these additional arguments.
+ *
+ * @param {Function} isCssPropertyKnown
+ * Function to check if the CSS property is known.
+ * @param {Boolean} inComment
+ * If true, assume that this call is parsing some text
+ * which came from a comment in another declaration.
+ * In this case some heuristics are used to avoid parsing
+ * text which isn't obviously a series of declarations.
+ * @param {Boolean} commentOverride
+ * This only makes sense when inComment=true.
+ * When true, assume that the comment was generated by
+ * rewriteDeclarations, and skip the usual name-checking
+ * heuristic.
+ */
+// eslint-disable-next-line complexity
+function parseDeclarationsInternal(
+ isCssPropertyKnown,
+ inputString,
+ parseComments,
+ inComment,
+ commentOverride
+) {
+ if (inputString === null || inputString === undefined) {
+ throw new Error("empty input string");
+ }
+
+ const lexer = getCSSLexer(inputString);
+
+ let declarations = [getEmptyDeclaration()];
+ let lastProp = declarations[0];
+
+ // This tracks the various CSS blocks the current token is in currently.
+ // This is a stack we push to when a block is opened, and we pop from when a block is
+ // closed. Within a block, colons and semicolons don't advance the way they do outside
+ // of blocks.
+ let currentBlocks = [];
+
+ // This tracks the "!important" parsing state. The states are:
+ // 0 - haven't seen anything
+ // 1 - have seen "!", looking for "important" next (possibly after
+ // whitespace).
+ // 2 - have seen "!important"
+ let importantState = 0;
+ // This is true if we saw whitespace or comments between the "!" and
+ // the "important".
+ let importantWS = false;
+ let current = "";
+ while (true) {
+ const token = lexer.nextToken();
+ if (!token) {
+ break;
+ }
+
+ // Update the start and end offsets of the declaration, but only
+ // when we see a significant token.
+ if (token.tokenType !== "whitespace" && token.tokenType !== "comment") {
+ if (lastProp.offsets[0] === undefined) {
+ lastProp.offsets[0] = token.startOffset;
+ }
+ lastProp.offsets[1] = token.endOffset;
+ } else if (
+ lastProp.name &&
+ !current &&
+ !importantState &&
+ !lastProp.priority &&
+ lastProp.colonOffsets[1]
+ ) {
+ // Whitespace appearing after the ":" is attributed to it.
+ lastProp.colonOffsets[1] = token.endOffset;
+ } else if (importantState === 1) {
+ importantWS = true;
+ }
+
+ if (
+ token.tokenType === "symbol" &&
+ currentBlocks[currentBlocks.length - 1] === token.text
+ ) {
+ // Closing the last block that was opened.
+ currentBlocks.pop();
+ current += token.text;
+ } else if (token.tokenType === "symbol" && CSS_BLOCKS[token.text]) {
+ // Opening a new block.
+ currentBlocks.push(CSS_BLOCKS[token.text]);
+ current += token.text;
+ } else if (token.tokenType === "function") {
+ // Opening a function is like opening a new block, so push one to the stack.
+ currentBlocks.push(CSS_BLOCKS["("]);
+ current += token.text + "(";
+ } else if (token.tokenType === "symbol" && token.text === ":") {
+ // Either way, a "!important" we've seen is no longer valid now.
+ importantState = 0;
+ importantWS = false;
+ if (!lastProp.name) {
+ // Set the current declaration name if there's no name yet
+ lastProp.name = cssTrim(current);
+ lastProp.colonOffsets = [token.startOffset, token.endOffset];
+ current = "";
+ currentBlocks = [];
+
+ // When parsing a comment body, if the left-hand-side is not a
+ // valid property name, then drop it and stop parsing.
+ if (
+ inComment &&
+ !commentOverride &&
+ !isCssPropertyKnown(lastProp.name)
+ ) {
+ lastProp.name = null;
+ break;
+ }
+ } else {
+ // Otherwise, just append ':' to the current value (declaration value
+ // with colons)
+ current += ":";
+ }
+ } else if (
+ token.tokenType === "symbol" &&
+ token.text === ";" &&
+ !currentBlocks.length
+ ) {
+ lastProp.terminator = "";
+ // When parsing a comment, if the name hasn't been set, then we
+ // have probably just seen an ordinary semicolon used in text,
+ // so drop this and stop parsing.
+ if (inComment && !lastProp.name) {
+ current = "";
+ currentBlocks = [];
+ break;
+ }
+ if (importantState === 2) {
+ lastProp.priority = "important";
+ } else if (importantState === 1) {
+ current += "!";
+ if (importantWS) {
+ current += " ";
+ }
+ }
+ lastProp.value = cssTrim(current);
+ current = "";
+ currentBlocks = [];
+ importantState = 0;
+ importantWS = false;
+ declarations.push(getEmptyDeclaration());
+ lastProp = declarations[declarations.length - 1];
+ } else if (token.tokenType === "ident") {
+ if (token.text === "important" && importantState === 1) {
+ importantState = 2;
+ } else {
+ if (importantState > 0) {
+ current += "!";
+ if (importantWS) {
+ current += " ";
+ }
+ if (importantState === 2) {
+ current += "important ";
+ }
+ importantState = 0;
+ importantWS = false;
+ }
+ // Re-escape the token to avoid dequoting problems.
+ // See bug 1287620.
+ current += CSS.escape(token.text);
+ }
+ } else if (token.tokenType === "symbol" && token.text === "!") {
+ importantState = 1;
+ } else if (token.tokenType === "whitespace") {
+ if (current !== "") {
+ current = current.trimRight() + " ";
+ }
+ } else if (token.tokenType === "comment") {
+ if (parseComments && !lastProp.name && !lastProp.value) {
+ const commentText = inputString.substring(
+ token.startOffset + 2,
+ token.endOffset - 2
+ );
+ const newDecls = parseCommentDeclarations(
+ isCssPropertyKnown,
+ commentText,
+ token.startOffset,
+ token.endOffset
+ );
+
+ // Insert the new declarations just before the final element.
+ const lastDecl = declarations.pop();
+ declarations = [...declarations, ...newDecls, lastDecl];
+ } else {
+ current = current.trimRight() + " ";
+ }
+ } else {
+ if (importantState > 0) {
+ current += "!";
+ if (importantWS) {
+ current += " ";
+ }
+ if (importantState === 2) {
+ current += "important ";
+ }
+ importantState = 0;
+ importantWS = false;
+ }
+ current += inputString.substring(token.startOffset, token.endOffset);
+ }
+ }
+
+ // Handle whatever trailing properties or values might still be there
+ if (current) {
+ if (!lastProp.name) {
+ // Ignore this case in comments.
+ if (!inComment) {
+ // Trailing property found, e.g. p1:v1;p2:v2;p3
+ lastProp.name = cssTrim(current);
+ }
+ } else {
+ // Trailing value found, i.e. value without an ending ;
+ if (importantState === 2) {
+ lastProp.priority = "important";
+ } else if (importantState === 1) {
+ current += "!";
+ }
+ lastProp.value = cssTrim(current);
+ const terminator = lexer.performEOFFixup("", true);
+ lastProp.terminator = terminator + ";";
+ // If the input was unterminated, attribute the remainder to
+ // this property. This avoids some bad behavior when rewriting
+ // an unterminated comment.
+ if (terminator) {
+ lastProp.offsets[1] = inputString.length;
+ }
+ }
+ }
+
+ // Remove declarations that have neither a name nor a value
+ declarations = declarations.filter(prop => prop.name || prop.value);
+
+ return declarations;
+}
+
+/**
+ * Returns an array of CSS declarations given a string.
+ * For example, parseDeclarations(isCssPropertyKnown, "width: 1px; height: 1px")
+ * would return:
+ * [{name:"width", value: "1px"}, {name: "height", "value": "1px"}]
+ *
+ * The input string is assumed to only contain declarations so { and }
+ * characters will be treated as part of either the property or value,
+ * depending where it's found.
+ *
+ * @param {Function} isCssPropertyKnown
+ * A function to check if the CSS property is known. This is either an
+ * internal server function or from the CssPropertiesFront.
+ * that are supported by the server.
+ * @param {String} inputString
+ * An input string of CSS
+ * @param {Boolean} parseComments
+ * If true, try to parse the contents of comments as well.
+ * A comment will only be parsed if it occurs outside of
+ * the body of some other declaration.
+ * @return {Array} an array of objects with the following signature:
+ * [{"name": string, "value": string, "priority": string,
+ * "terminator": string,
+ * "offsets": [start, end], "colonOffsets": [start, end]},
+ * ...]
+ * Here, "offsets" holds the offsets of the start and end
+ * of the declaration text, in a form suitable for use with
+ * String.substring.
+ * "terminator" is a string to use to terminate the declaration,
+ * usually "" to mean no additional termination is needed.
+ * "colonOffsets" holds the start and end locations of the
+ * ":" that separates the property name from the value.
+ * If the declaration appears in a comment, then there will
+ * be an additional {"commentOffsets": [start, end] property
+ * on the object, which will hold the offsets of the start
+ * and end of the enclosing comment.
+ */
+function parseDeclarations(
+ isCssPropertyKnown,
+ inputString,
+ parseComments = false
+) {
+ return parseDeclarationsInternal(
+ isCssPropertyKnown,
+ inputString,
+ parseComments,
+ false,
+ false
+ );
+}
+
+/**
+ * Like @see parseDeclarations, but removes properties that do not
+ * have a name.
+ */
+function parseNamedDeclarations(
+ isCssPropertyKnown,
+ inputString,
+ parseComments = false
+) {
+ return parseDeclarations(
+ isCssPropertyKnown,
+ inputString,
+ parseComments
+ ).filter(item => !!item.name);
+}
+
+/**
+ * Returns an array of the parsed CSS selector value and type given a string.
+ *
+ * The components making up the CSS selector can be extracted into 3 different
+ * types: element, attribute and pseudoclass. The object that is appended to
+ * the returned array contains the value related to one of the 3 types described
+ * along with the actual type.
+ *
+ * The following are the 3 types that can be returned in the object signature:
+ * (1) SELECTOR_ATTRIBUTE
+ * (2) SELECTOR_ELEMENT
+ * (3) SELECTOR_PSEUDO_CLASS
+ *
+ * @param {String} value
+ * The CSS selector text.
+ * @return {Array} an array of objects with the following signature:
+ * [{ "value": string, "type": integer }, ...]
+ */
+// eslint-disable-next-line complexity
+function parsePseudoClassesAndAttributes(value) {
+ if (!value) {
+ throw new Error("empty input string");
+ }
+
+ const tokens = cssTokenizer(value);
+ const result = [];
+ let current = "";
+ let functionCount = 0;
+ let hasAttribute = false;
+ let hasColon = false;
+
+ for (const token of tokens) {
+ if (token.tokenType === "ident") {
+ current += value.substring(token.startOffset, token.endOffset);
+
+ if (hasColon && !functionCount) {
+ if (current) {
+ result.push({ value: current, type: SELECTOR_PSEUDO_CLASS });
+ }
+
+ current = "";
+ hasColon = false;
+ }
+ } else if (token.tokenType === "symbol" && token.text === ":") {
+ if (!hasColon) {
+ if (current) {
+ result.push({ value: current, type: SELECTOR_ELEMENT });
+ }
+
+ current = "";
+ hasColon = true;
+ }
+
+ current += token.text;
+ } else if (token.tokenType === "function") {
+ current += value.substring(token.startOffset, token.endOffset);
+ functionCount++;
+ } else if (token.tokenType === "symbol" && token.text === ")") {
+ current += token.text;
+
+ if (hasColon && functionCount == 1) {
+ if (current) {
+ result.push({ value: current, type: SELECTOR_PSEUDO_CLASS });
+ }
+
+ current = "";
+ functionCount--;
+ hasColon = false;
+ } else {
+ functionCount--;
+ }
+ } else if (token.tokenType === "symbol" && token.text === "[") {
+ if (!hasAttribute && !functionCount) {
+ if (current) {
+ result.push({ value: current, type: SELECTOR_ELEMENT });
+ }
+
+ current = "";
+ hasAttribute = true;
+ }
+
+ current += token.text;
+ } else if (token.tokenType === "symbol" && token.text === "]") {
+ current += token.text;
+
+ if (hasAttribute && !functionCount) {
+ if (current) {
+ result.push({ value: current, type: SELECTOR_ATTRIBUTE });
+ }
+
+ current = "";
+ hasAttribute = false;
+ }
+ } else {
+ current += value.substring(token.startOffset, token.endOffset);
+ }
+ }
+
+ if (current) {
+ result.push({ value: current, type: SELECTOR_ELEMENT });
+ }
+
+ return result;
+}
+
+/**
+ * Expects a single CSS value to be passed as the input and parses the value
+ * and priority.
+ *
+ * @param {Function} isCssPropertyKnown
+ * A function to check if the CSS property is known. This is either an
+ * internal server function or from the CssPropertiesFront.
+ * that are supported by the server.
+ * @param {String} value
+ * The value from the text editor.
+ * @return {Object} an object with 'value' and 'priority' properties.
+ */
+function parseSingleValue(isCssPropertyKnown, value) {
+ const declaration = parseDeclarations(
+ isCssPropertyKnown,
+ "a: " + value + ";"
+ )[0];
+ return {
+ value: declaration ? declaration.value : "",
+ priority: declaration ? declaration.priority : "",
+ };
+}
+
+/**
+ * Convert an angle value to degree.
+ *
+ * @param {Number} angleValue The angle value.
+ * @param {CSS_ANGLEUNIT} angleUnit The angleValue's angle unit.
+ * @return {Number} An angle value in degree.
+ */
+function getAngleValueInDegrees(angleValue, angleUnit) {
+ switch (angleUnit) {
+ case CSS_ANGLEUNIT.deg:
+ return angleValue;
+ case CSS_ANGLEUNIT.grad:
+ return angleValue * 0.9;
+ case CSS_ANGLEUNIT.rad:
+ return (angleValue * 180) / Math.PI;
+ case CSS_ANGLEUNIT.turn:
+ return angleValue * 360;
+ default:
+ throw new Error("No matched angle unit.");
+ }
+}
+
+exports.cssTokenizer = cssTokenizer;
+exports.cssTokenizerWithLineColumn = cssTokenizerWithLineColumn;
+exports.escapeCSSComment = escapeCSSComment;
+exports.unescapeCSSComment = unescapeCSSComment;
+exports.parseDeclarations = parseDeclarations;
+exports.parseNamedDeclarations = parseNamedDeclarations;
+// parseCommentDeclarations is exported for testing.
+exports._parseCommentDeclarations = parseCommentDeclarations;
+exports.parsePseudoClassesAndAttributes = parsePseudoClassesAndAttributes;
+exports.parseSingleValue = parseSingleValue;
+exports.getAngleValueInDegrees = getAngleValueInDegrees;
diff --git a/devtools/shared/css/properties-db.js b/devtools/shared/css/properties-db.js
new file mode 100644
index 0000000000..8e13471ed7
--- /dev/null
+++ b/devtools/shared/css/properties-db.js
@@ -0,0 +1,53 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+/**
+ * This file contains static lists of CSS properties and values. Some of the small lists
+ * are edited manually, while the larger ones are generated by a script. The comments
+ * above each list indicates how it should be updated.
+ */
+
+let db;
+
+// Allow this require to fail in case it's been deleted in the process of running
+// `mach devtools-css-db` to regenerate the database.
+try {
+ db = require("resource://devtools/shared/css/generated/properties-db.js");
+} catch (error) {
+ console.error(
+ `If this error is being displayed and "mach devtools-css-db" is not ` +
+ `being run, then it needs to be fixed.`,
+ error
+ );
+ db = {
+ CSS_PROPERTIES: {},
+ PSEUDO_ELEMENTS: [],
+ };
+}
+
+/**
+ * The list of all CSS Pseudo Elements.
+ *
+ * This list can be updated with `mach devtools-css-db`.
+ */
+exports.PSEUDO_ELEMENTS = db.PSEUDO_ELEMENTS;
+
+/**
+ * A list of CSS Properties and their various characteristics. This is used on the
+ * client-side when the CssPropertiesActor is not found, or when the client and server
+ * are the same version. A single property takes the form:
+ *
+ * "animation": {
+ * "isInherited": false,
+ * "supports": [ 7, 9, 10 ]
+ * }
+ */
+exports.CSS_PROPERTIES = db.CSS_PROPERTIES;
+
+exports.CSS_PROPERTIES_DB = {
+ properties: db.CSS_PROPERTIES,
+ pseudoElements: db.PSEUDO_ELEMENTS,
+};
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-01 20:43:18 +0000