diff --git a/docs/customData.schema.json b/docs/customData.schema.json index 018a4276..beb9c334 100644 --- a/docs/customData.schema.json +++ b/docs/customData.schema.json @@ -37,6 +37,38 @@ "description": "Description shown in completion and hover" } } + }, + "descriptor": { + "type": "object", + "required": ["name"], + "properties": { + "name": { + "type": "string", + "description": "The name of the descriptor." + }, + "description": { + "description": "Description of at descriptor shown in completion and hover", + "anyOf": [ + { + "type": "string" + }, + { "$ref": "#/definitions/markupDescription" } + ] + }, + "status": { + "$ref": "#/properties/properties/items/properties/status" + }, + "browsers": { + "$ref": "#/properties/properties/items/properties/browsers" + }, + "references": { + "type": "array", + "description": "A list of references for the descriptor shown in completion and hover", + "items": { + "$ref": "#/definitions/references" + } + } + } } }, "properties": { @@ -168,6 +200,13 @@ "items": { "$ref": "#/definitions/references" } + }, + "descriptors": { + "type": "array", + "description": "A list of descriptors for the at-directive, for example prefers-reduced-motion for @media", + "items": { + "$ref": "#/definitions/descriptor" + } } } } diff --git a/src/cssLanguageTypes.ts b/src/cssLanguageTypes.ts index b4a46a93..cca43d3d 100644 --- a/src/cssLanguageTypes.ts +++ b/src/cssLanguageTypes.ts @@ -198,6 +198,17 @@ export interface IPropertyData { relevance?: number; atRule?: string; } +export interface IDescriptorData { + name: string, + description?: string, + references?: IReference[], + syntax?: string, + type?: string, + values?: IValueData[] + browsers?: string[]; + baseline?: BaselineStatus; + status?: EntryStatus; +} export interface IAtDirectiveData { name: string; description?: string | MarkupContent; @@ -205,6 +216,7 @@ export interface IAtDirectiveData { baseline?: BaselineStatus; status?: EntryStatus; references?: IReference[]; + descriptors?: IDescriptorData[]; } export interface IPseudoClassData { name: string; diff --git a/src/data/webCustomData.ts b/src/data/webCustomData.ts index 12ef513a..7b72457d 100644 --- a/src/data/webCustomData.ts +++ b/src/data/webCustomData.ts @@ -28490,6 +28490,1570 @@ export const cssData : CSSDataV1 = { "IE6", "O9.2" ], + "descriptors": [ + { + "name": "width", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-width" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/width" + } + ], + "type": "range", + "syntax": "", + "description": "The width CSS media feature can be used to test the width of the viewport (or the page box, for paged media).", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "height", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-height" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/height" + } + ], + "type": "range", + "syntax": "", + "description": "The height CSS media feature can be used to apply styles based on the height of the viewport (or the page box, for paged media).", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "aspect-ratio", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-aspect-ratio" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/aspect-ratio" + } + ], + "type": "range", + "syntax": "", + "description": "The aspect-ratio CSS media feature can be used to test the aspect ratio of the viewport.", + "browsers": [ + "E12", + "FF3.5", + "FFA4", + "S5", + "SM4.2", + "C3", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "orientation", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-orientation" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/orientation" + } + ], + "type": "discrete", + "syntax": "portrait | landscape", + "values": [ + { + "name": "portrait", + "description": "The orientation media feature is portrait when the value of the height media feature is greater than or equal to the value of the width media feature.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-orientation-portrait" + } + ] + }, + { + "name": "landscape", + "description": "Otherwise orientation is landscape.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-orientation-landscape" + } + ] + } + ], + "description": "The orientation CSS media feature can be used to test the orientation of the viewport (or the page box, for paged media).", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S5", + "SM4.2", + "C3", + "CA18", + "IE9", + "O10.6" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "overflow-block", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-block" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/overflow-block" + } + ], + "type": "discrete", + "syntax": "none | scroll | paged", + "values": [ + { + "name": "none", + "description": "There is no affordance for overflow in the block axis; any overflowing content is simply not displayed. Examples: billboards", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-none" + } + ] + }, + { + "name": "scroll", + "description": "Overflowing content in the block axis is exposed by allowing users to scroll to it. Examples: computer screens", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-scroll" + } + ] + }, + { + "name": "paged", + "description": "Content is broken up into discrete pages; content that overflows one page in the block axis is displayed on the following page. Examples: printers, ebook readers", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-paged" + } + ] + } + ], + "description": "The overflow-block CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis.", + "browsers": [ + "E113", + "FF66", + "FFA66", + "S17", + "SM17", + "C113", + "CA113", + "O99" + ], + "baseline": { + "status": "low", + "baseline_low_date": "2023-09-18" + } + }, + { + "name": "overflow-inline", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-inline" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/overflow-inline" + } + ], + "type": "discrete", + "syntax": "none | scroll", + "values": [ + { + "name": "none", + "description": "There is no affordance for overflow in the inline axis; any overflowing content is simply not displayed.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-inline-none" + } + ] + }, + { + "name": "scroll", + "description": "Overflowing content in the inline axis is exposed by allowing users to scroll to it.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-inline-scroll" + } + ] + } + ], + "description": "The overflow-inline CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the inline axis.", + "browsers": [ + "E113", + "FF66", + "FFA66", + "S17", + "SM17", + "C113", + "CA113", + "O99" + ], + "baseline": { + "status": "low", + "baseline_low_date": "2023-09-18" + } + }, + { + "name": "horizontal-viewport-segments", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-horizontal-viewport-segments" + } + ], + "type": "range", + "syntax": "", + "description": "" + }, + { + "name": "vertical-viewport-segments", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-vertical-viewport-segments" + } + ], + "type": "range", + "syntax": "", + "description": "" + }, + { + "name": "display-mode", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/display-mode" + } + ], + "type": "discrete", + "syntax": "fullscreen | standalone | minimal-ui | browser | picture-in-picture", + "values": [ + { + "name": "fullscreen", + "description": "The browsing context is displayed with browser UI elements hidden and takes up the entirety of the available display area. The fullscreen context may have been caused by the fullscreen display mode in the application manifest, by the requestFullscreen() method of the Fullscreen API, or through some other means (such as the user manually activating fullscreen mode using the user agent’s built-in controls). Corresponds to the fullscreen display mode.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-fullscreen" + } + ] + }, + { + "name": "standalone", + "description": "The standalone display mode is in use. Only applicable in an application context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-standalone" + } + ] + }, + { + "name": "minimal-ui", + "description": "The minimal-ui display mode is in use. Only applicable in an application context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-minimal-ui" + } + ] + }, + { + "name": "browser", + "description": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). This should be used for non-application contexts where no other display mode is appropriate. Corresponds to the browser display mode.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-browser" + } + ] + }, + { + "name": "picture-in-picture", + "description": "This mode allows users to continue consuming media while they interact with other sites or applications on their device. The browsing context is displayed in a floating and always-on-top window. A user agent may include other platform specific UI elements, such as \"back-to-tab\" and \"site information\" buttons or whatever is customary on the platform and user agent.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-picture-in-picture" + } + ] + } + ], + "description": "The display-mode CSS media feature can be used to test whether a web app is being displayed in a normal browser tab or in some alternative way, such as a standalone app or fullscreen mode.", + "browsers": [ + "E79", + "FF47", + "S13", + "SM12.2", + "C42", + "CA42", + "O29" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "resolution", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-resolution" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/resolution" + } + ], + "type": "range", + "syntax": " | infinite", + "values": [ + { + "name": "infinite", + "description": "For output mediums that have no physical constraints on resolution (such as outputting to vector graphics), this feature must match the infinite value. For the purpose of evaluating this media feature in the range context, infinite must be treated as larger than any possible . (That is, a query like (resolution > 1000dpi) will be true for an infinite media.)", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-resolution-infinite" + } + ] + } + ], + "description": "The resolution CSS media feature can be used to test the pixel density of the output device.", + "browsers": [ + "E12", + "FF8", + "FFA8", + "S16", + "SM16", + "C29", + "CA29", + "IE9", + "O16" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2022-09-12", + "baseline_high_date": "2025-03-12" + } + }, + { + "name": "scan", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scan" + } + ], + "type": "discrete", + "syntax": "interlace | progressive", + "values": [ + { + "name": "interlace", + "description": "CRT and some types of plasma TV screens used “interlaced” rendering, where video frames alternated between specifying only the “even” lines on the screen and only the “odd” lines, exploiting various automatic mental image-correction abilities to produce smooth motion. This allowed them to simulate a higher FPS broadcast at half the bandwidth cost. When displaying on interlaced screens, authors should avoid very fast movement across the screen to avoid “combing”, and should ensure that details on the screen are wider than 1px to avoid “twitter”.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scan-interlace" + } + ] + }, + { + "name": "progressive", + "description": "A screen using “progressive” rendering displays each screen fully, and needs no special treatment. Most modern screens, and all computer screens, use progressive rendering.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scan-progressive" + } + ] + } + ], + "description": "The scan CSS media feature is used to apply CSS styles based on the scanning process of the output device." + }, + { + "name": "grid", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-grid" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/grid" + } + ], + "type": "discrete", + "syntax": "", + "description": "The grid CSS media feature can be used to test whether the output device uses a grid-based screen.", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE10", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "update", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-update" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/update" + } + ], + "type": "discrete", + "syntax": "none | slow | fast", + "values": [ + { + "name": "none", + "description": "Once it has been rendered, the layout can no longer be updated. Example: documents printed on paper.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-none" + } + ] + }, + { + "name": "slow", + "description": "The layout may change dynamically according to the usual rules of CSS, but the output device is not able to render or display changes quickly enough for them to be perceived as a smooth animation. Example: E-ink screens or severely under-powered devices.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-slow" + } + ] + }, + { + "name": "fast", + "description": "The layout may change dynamically according to the usual rules of CSS, and the output device is not unusually constrained in speed, so regularly-updating things like CSS Animations can be used. Example: computer screens.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-fast" + } + ] + } + ], + "description": "The update CSS media feature can be used to test how frequently (if at all) the output device is able to modify the appearance of content once rendered.", + "browsers": [ + "E113", + "FF102", + "FFA102", + "S17", + "SM17", + "C113", + "CA113", + "O99" + ], + "baseline": { + "status": "low", + "baseline_low_date": "2023-09-18" + } + }, + { + "name": "environment-blending", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-environment-blending" + } + ], + "type": "discrete", + "syntax": "opaque | additive | subtractive", + "values": [ + { + "name": "opaque", + "description": "The document is rendered on an opaque medium, such as a traditional monitor or paper. Black is dark and white is 100% light.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-opaque" + } + ] + }, + { + "name": "additive", + "description": "The display blends the colors of the canvas with the real world using additive mixing. Black is fully transparent and white is 100% light. For example: a head-up display in a car.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-additive" + } + ] + }, + { + "name": "subtractive", + "description": "The display blends the colors of the canvas with the real world using subtractive mixing. White is fully transparent and dark colors have the most contrast. For example: an LCD display embedded in a bathroom mirror.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-subtractive" + } + ] + } + ], + "description": "" + }, + { + "name": "color", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/color" + } + ], + "type": "range", + "syntax": "", + "description": "The color CSS media feature can be used to test the number of bits per color component (red, green, blue) of the output device.", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2015-07-29", + "baseline_high_date": "2018-01-29" + } + }, + { + "name": "color-index", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-index" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/color-index" + } + ], + "type": "range", + "syntax": "", + "description": "The color-index CSS media feature can be used to test the number of entries in the output device's color lookup table.", + "browsers": [ + "E79", + "S8", + "SM8", + "C29", + "CA29", + "O16" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "monochrome", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-monochrome" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/monochrome" + } + ], + "type": "range", + "syntax": "", + "description": "The monochrome CSS media feature can be used to test the number of bits per pixel in the monochrome frame buffer of the output device.", + "browsers": [ + "E79", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "O10" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2020-01-15", + "baseline_high_date": "2022-07-15" + } + }, + { + "name": "color-gamut", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-gamut" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/color-gamut" + } + ], + "type": "discrete", + "syntax": "srgb | p3 | rec2020", + "values": [ + { + "name": "srgb", + "description": "The UA and output device can support approximately the sRGB gamut or more.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-srgb" + } + ] + }, + { + "name": "p3", + "description": "The UA and output device can support approximately the gamut specified by the Display P3 [Display-P3] Color Space or more.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-p3" + } + ] + }, + { + "name": "rec2020", + "description": "The UA and output device can support approximately the gamut specified by the ITU-R Recommendation BT.2020 Color Space or more.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-rec2020" + } + ] + } + ], + "description": "The color-gamut CSS media feature is used to apply CSS styles based on the approximate range of color gamut supported by the user agent and the output device.", + "browsers": [ + "E79", + "FF110", + "FFA110", + "S10", + "SM10", + "C58", + "CA58", + "O45" + ], + "baseline": { + "status": "low", + "baseline_low_date": "2023-02-14" + } + }, + { + "name": "dynamic-range", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-dynamic-range" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/dynamic-range" + } + ], + "type": "discrete", + "syntax": "standard | high", + "values": [ + { + "name": "high", + "description": "The user agent and the output device fulfill all of the following criteria: they support a high peak brightness they support a high contrast ratio the color depth is greater than 24 bit or 8 bit per color component of RGB", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-dynamic-range-high" + } + ] + }, + { + "name": "standard", + "description": "This value matches on any visual device, and not on devices lacking visual capabilities.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-dynamic-range-standard" + } + ] + } + ], + "description": "The dynamic-range CSS media feature can be used to test the combination of brightness, contrast ratio, and color depth that are supported by the user agent and the output device.", + "browsers": [ + "E98", + "FF100", + "FFA100", + "S13.1", + "SM13.4", + "C98", + "CA98", + "O84" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2022-05-03", + "baseline_high_date": "2024-11-03" + } + }, + { + "name": "inverted-colors", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-inverted-colors" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/inverted-colors" + } + ], + "type": "discrete", + "syntax": "none | inverted", + "values": [ + { + "name": "none", + "description": "Colors are displayed normally.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-inverted-colors-none" + } + ] + }, + { + "name": "inverted", + "description": "All pixels within the displayed area have been inverted. This value must not match if the user agent has done some kind of content aware inversion such as one that preserves the images.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-inverted-colors-inverted" + } + ] + } + ], + "description": "The inverted-colors CSS media feature is used to test if the user agent or the underlying operating system has inverted all colors.", + "browsers": [ + "S9.1", + "SM10" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "pointer", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-pointer" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/pointer" + } + ], + "type": "discrete", + "syntax": "none | coarse | fine", + "values": [ + { + "name": "none", + "description": "The primary input mechanism of the device does not include a pointing device.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-none" + } + ] + }, + { + "name": "coarse", + "description": "The primary input mechanism of the device includes a pointing device of limited accuracy. Examples include touchscreens and motion-detection sensors (like the Kinect peripheral for the Xbox.)", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-coarse" + } + ] + }, + { + "name": "fine", + "description": "The primary input mechanism of the device includes an accurate pointing device. Examples include mice, touchpads, and drawing styluses.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-fine" + } + ] + } + ], + "description": "The pointer CSS media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.", + "browsers": [ + "E12", + "FF64", + "FFA64", + "S9", + "SM9", + "C41", + "CA50", + "O28" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2018-12-11", + "baseline_high_date": "2021-06-11" + } + }, + { + "name": "hover", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-hover" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/hover" + } + ], + "type": "discrete", + "syntax": "none | hover", + "values": [ + { + "name": "none", + "description": "Indicates that the primary pointing device can’t hover, or that there is no pointing device. Examples include touchscreens and screens that use a basic drawing stylus. Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this value. For example, a touchscreen where a long press is treated as hovering would match hover: none.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-hover-none" + } + ] + }, + { + "name": "hover", + "description": "Indicates that the primary pointing device can easily hover over parts of the page. Examples include mice and devices that physically point at the screen, like the Nintendo Wii controller.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-hover-hover" + } + ] + } + ], + "description": "The hover CSS media feature can be used to test whether the user's primary input mechanism can hover over elements.", + "browsers": [ + "E12", + "FF64", + "FFA64", + "S9", + "SM9", + "C38", + "CA50", + "O25" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2018-12-11", + "baseline_high_date": "2021-06-11" + } + }, + { + "name": "any-pointer", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-pointer" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/any-pointer" + } + ], + "type": "discrete", + "syntax": "none | coarse | fine", + "description": "The any-pointer CSS media feature tests whether the user has any pointing device (such as a mouse), and if so, how accurate it is.", + "browsers": [ + "E12", + "FF64", + "FFA64", + "S9", + "SM9", + "C41", + "CA41", + "O28" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2018-12-11", + "baseline_high_date": "2021-06-11" + } + }, + { + "name": "any-hover", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-hover" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/any-hover" + } + ], + "type": "discrete", + "syntax": "none | hover", + "description": "The any-hover CSS media feature can be used to test whether any available input mechanism can hover over elements.", + "browsers": [ + "E16", + "FF64", + "FFA64", + "S9", + "SM9", + "C41", + "CA41", + "O28" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2018-12-11", + "baseline_high_date": "2021-06-11" + } + }, + { + "name": "nav-controls", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-nav-controls" + } + ], + "type": "discrete", + "syntax": "none | back", + "values": [ + { + "name": "none", + "description": "The user agent does not have any obviously discoverable navigation controls, and in particular none that cause the user agent to move back one page in the joint session history.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-nav-controls-none" + } + ] + }, + { + "name": "back", + "description": "The user agent provides navigation controls, including at least an obviously discoverable control causing the user agent to move back one page in the joint session history (typically, a “back” button).", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-nav-controls-back" + } + ] + } + ], + "description": "" + }, + { + "name": "video-color-gamut", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-color-gamut" + } + ], + "type": "discrete", + "syntax": "srgb | p3 | rec2020", + "description": "" + }, + { + "name": "video-dynamic-range", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-dynamic-range" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/video-dynamic-range" + } + ], + "type": "discrete", + "syntax": "standard | high", + "description": "The video-dynamic-range CSS media feature can be used to test the combination of brightness, contrast ratio, and color depth that are supported by the video plane of the user agent and the output device.", + "browsers": [ + "FF100", + "FFA100", + "O84" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "scripting", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scripting" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/scripting" + } + ], + "type": "discrete", + "syntax": "none | initial-only | enabled", + "values": [ + { + "name": "enabled", + "description": "Indicates that the user agent supports scripting of the page, and that scripting in the current document is enabled for the lifetime of the document.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-enabled" + } + ] + }, + { + "name": "initial-only", + "description": "Indicates that the user agent supports scripting of the page, and that scripting in the current document is enabled during the initial page load, but is not supported afterwards. Examples are printed pages, or pre-rendering network proxies that render a page on a server and send a nearly-static version of the page to the user. Should there be an explicit minimum threshold to meet before a UA is allowed to claim initial-only? Having one would mean authors would know what they can depend on, and could tailor their scripts accordingly. On the other hand, pinpointing that threshold is difficult: if it is set too low, the scripting facilities that authors can depend on may be to constrained to be practical, even though actual UAs may potentially all support significantly more. But trying to set it higher may cause us to exclude UAs that do support scripting at loading time, but restrict it in some cases based on complex heuristics. For instance, conservative definitions likely include at least running all inline scripts and firing the DOMContentLoaded event. But it does not seem useful for authors to constrain themselves to this if most (or maybe all) initial-only UAs also load external scripts (including async and defer) and fire the load event. On the other hand, requiring external scripts to be loaded and the load event to be fired could exclude UAs like Opera mini, which typically do run them, but may decide not to based on timeouts and other heuristics. [Issue #503]", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-initial-only" + } + ] + }, + { + "name": "none", + "description": "Indicates that the user agent will not run scripts for this document; either it doesn’t support a scripting language, or the support isn’t active for the current document.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-none" + } + ] + } + ], + "description": "The scripting CSS media feature can be used to test whether scripting (such as JavaScript) is available.", + "browsers": [ + "E120", + "FF113", + "FFA113", + "S17", + "SM17", + "C120", + "CA120", + "O106" + ], + "baseline": { + "status": "low", + "baseline_low_date": "2023-12-07" + } + }, + { + "name": "prefers-reduced-motion", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-motion" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-motion" + } + ], + "type": "discrete", + "syntax": "no-preference | reduce", + "values": [ + { + "name": "no-preference", + "description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-motion-no-preference" + } + ] + }, + { + "name": "reduce", + "description": "Indicates that user has notified the system that they prefer an interface that removes or replaces the types of motion-based animation that either trigger discomfort for those with vestibular motion sensitivity, or distraction for those with attention deficits.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-motion-reduce" + } + ] + } + ], + "description": "The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.", + "browsers": [ + "E79", + "FF63", + "FFA64", + "S10.1", + "SM10.3", + "C74", + "CA74", + "O62" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2020-01-15", + "baseline_high_date": "2022-07-15" + } + }, + { + "name": "prefers-reduced-transparency", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-transparency" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-transparency" + } + ], + "type": "discrete", + "syntax": "no-preference | reduce", + "values": [ + { + "name": "no-preference", + "description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-transparency-no-preference" + } + ] + }, + { + "name": "reduce", + "description": "Indicates that user has notified the system that they prefer an interface that minimizes the amount of transparent or translucent layer effects.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-transparency-reduce" + } + ] + } + ], + "description": "The prefers-reduced-transparency CSS media feature is used to detect if a user has enabled a setting on their device to reduce the transparent or translucent layer effects used on the device. Switching on such a setting can help improve contrast and readability for some users.", + "status": "experimental", + "browsers": [ + "E118", + "C118", + "CA118", + "O104" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "prefers-contrast", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-contrast" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-contrast" + } + ], + "type": "discrete", + "syntax": "no-preference | less | more | custom", + "values": [ + { + "name": "no-preference", + "description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-no-preference" + } + ] + }, + { + "name": "less", + "description": "Indicates that user has notified the system that they prefer an interface that has a lower level of contrast.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-less" + } + ] + }, + { + "name": "more", + "description": "Indicates that user has notified the system that they prefer an interface that has a higher level of contrast.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-more" + } + ] + }, + { + "name": "custom", + "description": "Indicates that the user has indicated wanting a specific set of colors to be used, but the contrast implied by these particular colors is such that neither more nor less match. A user calling for cyan text over a rust background is not—​at least in terms of luminosity—​expressing a need for particularly high or low contrast, but this is not a lack of a preference either.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-custom" + } + ] + } + ], + "description": "The prefers-contrast CSS media feature is used to detect whether the user has requested the web content to be presented with a lower or higher contrast.", + "browsers": [ + "E96", + "FF101", + "FFA101", + "S14.1", + "SM14.5", + "C96", + "CA96", + "O82" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2022-05-31", + "baseline_high_date": "2024-11-30" + } + }, + { + "name": "forced-colors", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-forced-colors" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/forced-colors" + } + ], + "type": "discrete", + "syntax": "none | active", + "values": [ + { + "name": "active", + "description": "Indicates that forced colors mode is active: the user agent enforces a user-chosen limited color palette on the page, The UA will provide the color palette to authors through the CSS system color keywords. See CSS Color Adjustment 1 § 3 Forced Color Palettes for details. This does not necessarily indicate a preference for more contrast. The colors have been forcibly adjusted to match the preference of the user, but that preference can be for less or more contrast, or some other arrangement that is neither particularly low or high contrast. In addition to forced-colors: active, the user agent must also match one of prefers-contrast: more or prefers-contrast: less if it can determine that the forced color palette chosen by the user has a particularly high or low contrast, and must make prefers-contrast: custom match otherwise. Similarly, if the forced color palette chosen by the user fits within one of the color schemes described by prefers-color-scheme, the corresponding value must also match.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-forced-colors-active" + } + ] + }, + { + "name": "none", + "description": "Forced colors mode is not active.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-forced-colors-none" + } + ] + } + ], + "description": "The forced-colors CSS media feature is used to detect if the user agent has enabled a forced colors mode where it enforces a user-chosen limited color palette on the page. An example of a forced colors mode is Windows High Contrast mode.", + "browsers": [ + "E79", + "FF89", + "FFA89", + "S16", + "SM16", + "C89", + "CA89", + "O75" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2022-09-12", + "baseline_high_date": "2025-03-12" + } + }, + { + "name": "prefers-color-scheme", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-scheme" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme" + } + ], + "type": "discrete", + "syntax": "light | dark", + "values": [ + { + "name": "light", + "description": "Indicates that user has expressed the preference for a page that has a light theme (dark text on light background), or has not expressed an active preference (and thus should receive the \"web default\" of a light theme).", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-color-scheme-light" + } + ] + }, + { + "name": "dark", + "description": "Indicates that user has expressed the preference for a page that has a dark theme (light text on dark background).", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-color-scheme-dark" + } + ] + } + ], + "description": "The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes.", + "browsers": [ + "E79", + "FF67", + "FFA67", + "S12.1", + "SM13", + "C76", + "CA76", + "O62" + ], + "baseline": { + "status": "high", + "baseline_low_date": "2020-01-15", + "baseline_high_date": "2022-07-15" + } + }, + { + "name": "prefers-reduced-data", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-data" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-data" + } + ], + "type": "discrete", + "syntax": "no-preference | reduce", + "values": [ + { + "name": "no-preference", + "description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-data-no-preference" + } + ] + }, + { + "name": "reduce", + "description": "Indicates that user has expressed the preference for lightweight alternate content.", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-data-reduce" + } + ] + } + ], + "description": "The prefers-reduced-data CSS media feature is used to detect if the user has requested the web content that consumes less internet traffic.", + "status": "experimental", + "browsers": [ + "O71" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "device-width", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-width" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-width" + } + ], + "type": "range", + "syntax": "", + "description": "The device-width CSS media feature can be used to test the width of an output device's rendering surface.", + "status": "obsolete", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "device-height", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-height" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-height" + } + ], + "type": "range", + "syntax": "", + "description": "The device-height CSS media feature can be used to test the height of an output device's rendering surface.", + "status": "obsolete", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "false" + } + }, + { + "name": "device-aspect-ratio", + "references": [ + { + "name": "W3C Reference", + "url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-aspect-ratio" + }, + { + "name": "MDN Reference", + "url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-aspect-ratio" + } + ], + "type": "range", + "syntax": "", + "description": "The device-aspect-ratio CSS media feature can be used to test the width-to-height aspect ratio of an output device.", + "status": "obsolete", + "browsers": [ + "E12", + "FF2", + "FFA4", + "S3", + "SM1", + "C1", + "CA18", + "IE9", + "O10" + ], + "baseline": { + "status": "false" + } + } + ], "references": [ { "name": "MDN Reference", @@ -28649,6 +30213,7 @@ export const cssData : CSSDataV1 = { }, { "name": "@container", + "description": "The @container CSS at-rule is a conditional group rule that applies styles to a containment context.", "browsers": [ "E105", "FF110", @@ -28668,11 +30233,11 @@ export const cssData : CSSDataV1 = { "baseline": { "status": "low", "baseline_low_date": "2023-02-14" - }, - "description": "The @container CSS at-rule is a conditional group rule that applies styles to a containment context." + } }, { "name": "@document", + "description": "The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style sheets (see userchrome.org for more information), though it can be used on author-defined style sheets, too.", "references": [ { "name": "MDN Reference", @@ -28681,11 +30246,11 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style sheets (see userchrome.org for more information), though it can be used on author-defined style sheets, too." + } }, { "name": "@font-palette-values", + "description": "The @font-palette-values CSS at-rule allows you to customize the default values of font-palette created by the font-maker.", "browsers": [ "E101", "FF107", @@ -28705,11 +30270,11 @@ export const cssData : CSSDataV1 = { "baseline": { "status": "low", "baseline_low_date": "2022-11-15" - }, - "description": "The @font-palette-values CSS at-rule allows you to customize the default values of font-palette created by the font-maker." + } }, { "name": "@position-try", + "description": "The @position-try CSS at-rule is used to define a custom position try fallback option, which can be used to define positioning and alignment for anchor-positioned elements. One or more sets of position try fallback options can be applied to the anchored element via the position-try-fallbacks property or position-try shorthand. When the positioned element is moved to a position where it starts to overflow its containing block or the viewport, the browser will select the first position try fallback option it finds that places the positioned element fully back on-screen.", "browsers": [ "E125", "C125", @@ -28724,11 +30289,11 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "The @position-try CSS at-rule is used to define a custom position try fallback option, which can be used to define positioning and alignment for anchor-positioned elements. One or more sets of position try fallback options can be applied to the anchored element via the position-try-fallbacks property or position-try shorthand. When the positioned element is moved to a position where it starts to overflow its containing block or the viewport, the browser will select the first position try fallback option it finds that places the positioned element fully back on-screen." + } }, { "name": "@scope", + "description": "The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure.", "browsers": [ "E118", "S17.4", @@ -28745,11 +30310,11 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure." + } }, { "name": "@starting-style", + "description": "The @starting-style CSS at-rule is used to define starting values for properties set on an element that you want to transition from when the element receives its first style update, i.e., when an element is first displayed on a previously loaded page.", "browsers": [ "E117", "FF129", @@ -28769,11 +30334,11 @@ export const cssData : CSSDataV1 = { "baseline": { "status": "low", "baseline_low_date": "2024-08-06" - }, - "description": "The @starting-style CSS at-rule is used to define starting values for properties set on an element that you want to transition from when the element receives its first style update, i.e., when an element is first displayed on a previously loaded page." + } }, { "name": "@view-transition", + "description": "The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation.", "browsers": [ "E126", "S18.2", @@ -28790,8 +30355,7 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation." + } } ], "pseudoClasses": [ @@ -30213,6 +31777,7 @@ export const cssData : CSSDataV1 = { }, { "name": ":active-view-transition", + "description": "", "browsers": [ "E125", "S18", @@ -30223,11 +31788,11 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "" + } }, { "name": ":active-view-transition-type", + "description": "", "browsers": [ "E125", "S18.2", @@ -30238,11 +31803,11 @@ export const cssData : CSSDataV1 = { ], "baseline": { "status": "false" - }, - "description": "" + } }, { "name": ":autofill", + "description": "The :autofill CSS pseudo-class matches when an input element has its value autofilled by the browser. The class stops matching if the user edits the field.", "browsers": [ "E110", "FF86", @@ -30262,16 +31827,16 @@ export const cssData : CSSDataV1 = { "baseline": { "status": "low", "baseline_low_date": "2023-02-09" - }, - "description": "The :autofill CSS pseudo-class matches when an input element has its value autofilled by the browser. The class stops matching if the user edits the field." + } }, { "name": ":blank", - "status": "experimental", - "description": "The :blank CSS pseudo-class selects empty user input elements (eg. or