From 341b405a21d9ee3c58cab4ca3d27fa376917f7b7 Mon Sep 17 00:00:00 2001
From: rahim <rahim.alwer@gmail.com>
Date: Thu, 2 Apr 2026 13:34:40 -0700
Subject: [PATCH] fix(html): include base and shared styles in ejected skin CSS
 (#1196)

---
 packages/html/src/define/audio/minimal-skin.css | 2 ++
 packages/html/src/define/audio/skin.css         | 2 ++
 packages/html/src/define/base.css               | 4 ++++
 packages/html/src/define/video/minimal-skin.css | 2 ++
 packages/html/src/define/video/skin.css         | 2 ++
 5 files changed, 12 insertions(+)

diff --git a/packages/html/src/define/audio/minimal-skin.css b/packages/html/src/define/audio/minimal-skin.css
index f7064f30..c4239c54 100644
--- a/packages/html/src/define/audio/minimal-skin.css
+++ b/packages/html/src/define/audio/minimal-skin.css
@@ -1 +1,3 @@
+@import "../base.css";
+@import "../shared.css";
 @import "@videojs/skins/minimal/css/audio.css";
diff --git a/packages/html/src/define/audio/skin.css b/packages/html/src/define/audio/skin.css
index d02eea76..83ebd47b 100644
--- a/packages/html/src/define/audio/skin.css
+++ b/packages/html/src/define/audio/skin.css
@@ -1 +1,3 @@
+@import "../base.css";
+@import "../shared.css";
 @import "@videojs/skins/default/css/audio.css";
diff --git a/packages/html/src/define/base.css b/packages/html/src/define/base.css
index 80aa9bbc..2bafe872 100644
--- a/packages/html/src/define/base.css
+++ b/packages/html/src/define/base.css
@@ -1,3 +1,7 @@
+/* -------------------------------------------------------------------------- */
+/* Base                                                                       */
+/* -------------------------------------------------------------------------- */
+
 video-player {
   display: contents;
 }
diff --git a/packages/html/src/define/video/minimal-skin.css b/packages/html/src/define/video/minimal-skin.css
index 383ec1eb..28f9f8da 100644
--- a/packages/html/src/define/video/minimal-skin.css
+++ b/packages/html/src/define/video/minimal-skin.css
@@ -1 +1,3 @@
+@import "../base.css";
+@import "../shared.css";
 @import "@videojs/skins/minimal/css/video.css";
diff --git a/packages/html/src/define/video/skin.css b/packages/html/src/define/video/skin.css
index 14b25f0f..15c9f8e0 100644
--- a/packages/html/src/define/video/skin.css
+++ b/packages/html/src/define/video/skin.css
@@ -1 +1,3 @@
+@import "../base.css";
+@import "../shared.css";
 @import "@videojs/skins/default/css/video.css";