From 60e59a54310c35aecbcb02c3caa67b1ed30d6184 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Niedzi=C3=B3=C5=82ka?=
 <niedziolek@hotmail.com>
Date: Thu, 1 Sep 2022 01:51:24 +0200
Subject: [PATCH] cue (#2215)

---
 live-examples/css-examples/pseudo-element/cue.css   | 8 ++++++++
 live-examples/css-examples/pseudo-element/cue.html  | 8 ++++++++
 live-examples/css-examples/pseudo-element/meta.json | 9 +++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 live-examples/css-examples/pseudo-element/cue.css
 create mode 100644 live-examples/css-examples/pseudo-element/cue.html

diff --git a/live-examples/css-examples/pseudo-element/cue.css b/live-examples/css-examples/pseudo-element/cue.css
new file mode 100644
index 000000000..85b226e66
--- /dev/null
+++ b/live-examples/css-examples/pseudo-element/cue.css
@@ -0,0 +1,8 @@
+video {
+    width: 250px;
+}
+
+video::cue {
+    font-size: 1rem;
+    color: yellow;
+}
diff --git a/live-examples/css-examples/pseudo-element/cue.html b/live-examples/css-examples/pseudo-element/cue.html
new file mode 100644
index 000000000..0e957952c
--- /dev/null
+++ b/live-examples/css-examples/pseudo-element/cue.html
@@ -0,0 +1,8 @@
+<video controls
+       src="/media/cc0-videos/friday.mp4">
+    <track default
+           kind="captions"
+           srclang="en"
+           src="/media/examples/friday.vtt" />
+    Sorry, your browser doesn't support embedded videos.
+</video>
diff --git a/live-examples/css-examples/pseudo-element/meta.json b/live-examples/css-examples/pseudo-element/meta.json
index 65c4cdaa4..ff41ed84a 100644
--- a/live-examples/css-examples/pseudo-element/meta.json
+++ b/live-examples/css-examples/pseudo-element/meta.json
@@ -18,6 +18,15 @@
             "defaultTab": "css",
             "height": "tabbed-standard"
         },
+        "cue": {
+            "exampleCode": "./live-examples/css-examples/pseudo-element/cue.html",
+            "cssExampleSrc": "./live-examples/css-examples/pseudo-element/cue.css",
+            "fileName": "pseudo-element-cue.html",
+            "title": "HTML Demo: ::cue",
+            "type": "tabbed",
+            "defaultTab": "css",
+            "height": "tabbed-shorter"
+        },
         "fileSelectorButton": {
             "exampleCode": "./live-examples/css-examples/pseudo-element/file-selector-button.html",
             "cssExampleSrc": "./live-examples/css-examples/pseudo-element/file-selector-button.css",