From f8a28b632cf12a2c557a766010252b9edd4cdb8e Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Sun, 26 Jan 2020 22:05:21 +0000
Subject: Audio style fix

---
 src/sass/base.scss             | 2 +-
 src/sass/components/audio.scss | 7 +++++++
 src/sass/components/video.scss | 4 ----
 src/sass/plyr.scss             | 1 +
 4 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 src/sass/components/audio.scss

(limited to 'src/sass')

diff --git a/src/sass/base.scss b/src/sass/base.scss
index 2aefd909..811c762d 100644
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@@ -18,12 +18,12 @@
     position: relative;
     text-shadow: none;
     transition: box-shadow 0.3s ease;
+    z-index: 0; // Force any border radius
 
     // Media elements
     video,
     audio,
     iframe {
-        border-radius: inherit;
         display: block;
         height: 100%;
         width: 100%;
diff --git a/src/sass/components/audio.scss b/src/sass/components/audio.scss
new file mode 100644
index 00000000..285d34f9
--- /dev/null
+++ b/src/sass/components/audio.scss
@@ -0,0 +1,7 @@
+// --------------------------------------------------------------
+// Audio styles
+// --------------------------------------------------------------
+
+.plyr--audio {
+    display: block;
+}
diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
index ef70c104..e5f6fe87 100644
--- a/src/sass/components/video.scss
+++ b/src/sass/components/video.scss
@@ -14,14 +14,10 @@
 
 .plyr__video-wrapper {
     background: #000;
-    border-radius: inherit;
     height: 100%;
     margin: auto;
     overflow: hidden;
-    position: relative;
     width: 100%;
-    // Require z-index to force border-radius
-    z-index: 0;
 }
 
 // Default to 16:9 ratio but this is set by JavaScript based on config
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index 144297f7..445ca1ea 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -25,6 +25,7 @@
 
 @import 'base';
 
+@import 'components/audio';
 @import 'components/badges';
 @import 'components/captions';
 @import 'components/control';
-- 
cgit v1.2.3