content-alt-text (#405)

* content-alt-text

* add changelog

Author: romainmenke

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changes to cssdb
 
+### 8.1.0 (Jul 7, 2024)
+
+- Added `content-alt-text`
+- Updated `@mdn/browser-compat-data` to `5.5.37` (patch)
+
 ### 8.0.2 (May 23, 2024)
 
 - Updated `@mdn/browser-compat-data` to `5.5.29` (patch)

cssdb.json

@@ -138,7 +138,7 @@
       "samsung": "21.0"
     },
     "docs": {
-      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant"
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-keyword"
     },
     "example": "p {\n  font-size: calc(pow(e, pi) * 1rem);\n}",
     "interoperable_at": 1686009600,
@@ -394,6 +394,39 @@
     "vendors_implementations": 3,
     "web-feature": "container-queries"
   },
+  {
+    "id": "content-alt-text",
+    "title": "Alt text for `content`",
+    "description": "Syntax that allows setting alternative text",
+    "specification": "https://drafts.csswg.org/css-content/#content-property",
+    "stage": 2,
+    "browser_support": {
+      "and_chr": "77",
+      "and_ff": "128",
+      "android": "77",
+      "chrome": "77",
+      "edge": "79",
+      "firefox": "128",
+      "ios_saf": "17.4",
+      "oculus": "7.0",
+      "op_mob": "55",
+      "opera": "64",
+      "safari": "17.4",
+      "samsung": "12.0"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/content#adding_an_image_with_alternative_text"
+    },
+    "example": ".element {\n  content: url(tree.jpg) / \"image with a tree\";\n}",
+    "interoperable_at": 1720483200,
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-content-alt-text"
+      }
+    ],
+    "vendors_implementations": 3
+  },
   {
     "id": "contrast-color-function",
     "title": "`contrast-color()` Function",

cssdb.mjs

@@ -138,7 +138,7 @@ export default [
       "samsung": "21.0"
     },
     "docs": {
-      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant"
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-keyword"
     },
     "example": "p {\n  font-size: calc(pow(e, pi) * 1rem);\n}",
     "interoperable_at": 1686009600,
@@ -394,6 +394,39 @@ export default [
     "vendors_implementations": 3,
     "web-feature": "container-queries"
   },
+  {
+    "id": "content-alt-text",
+    "title": "Alt text for `content`",
+    "description": "Syntax that allows setting alternative text",
+    "specification": "https://drafts.csswg.org/css-content/#content-property",
+    "stage": 2,
+    "browser_support": {
+      "and_chr": "77",
+      "and_ff": "128",
+      "android": "77",
+      "chrome": "77",
+      "edge": "79",
+      "firefox": "128",
+      "ios_saf": "17.4",
+      "oculus": "7.0",
+      "op_mob": "55",
+      "opera": "64",
+      "safari": "17.4",
+      "samsung": "12.0"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/content#adding_an_image_with_alternative_text"
+    },
+    "example": ".element {\n  content: url(tree.jpg) / \"image with a tree\";\n}",
+    "interoperable_at": 1720483200,
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-content-alt-text"
+      }
+    ],
+    "vendors_implementations": 3
+  },
   {
     "id": "contrast-color-function",
     "title": "`contrast-color()` Function",

cssdb.settings.json

@@ -97,7 +97,7 @@
     "stage": 2,
     "browser_support": {},
     "docs": {
-      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant"
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-keyword"
     },
     "example": "p {\n  font-size: calc(pow(e, pi) * 1rem);\n}",
     "mdn_path": [
@@ -266,6 +266,25 @@
       }
     ]
   },
+  {
+    "id": "content-alt-text",
+    "title": "Alt text for `content`",
+    "description": "Syntax that allows setting alternative text",
+    "specification": "https://drafts.csswg.org/css-content/#content-property",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/content#adding_an_image_with_alternative_text"
+    },
+    "example": ".element {\n  content: url(tree.jpg) / \"image with a tree\";\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-content-alt-text"
+      }
+    ],
+    "mdn_path": "css.properties.content.alt_text"
+  },
   {
     "id": "contrast-color-function",
     "title": "`contrast-color()` Function",