1 files changed, 21 insertions, 0 deletions
diff --git a/javascript/videojs/src/css/components/_modal-dialog.scss b/javascript/videojs/src/css/components/_modal-dialog.scss
new file mode 100644
index 0000000..0c88c5b
--- /dev/null
+++ b/javascript/videojs/src/css/components/_modal-dialog.scss
@@ -0,0 +1,21 @@
+.video-js .vjs-modal-dialog {
+  @extend %fill-parent;
+  @include linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
+
+  // This allows scrolling of content if need be.
+  overflow: auto;
+}
+
+// Reset box-sizing inside the modal dialog.
+.video-js .vjs-modal-dialog > * {
+  box-sizing: border-box;
+}
+
+.vjs-modal-dialog .vjs-modal-dialog-content {
+  @extend %fill-parent;
+
+  font-size: 1.2em; // 12px
+  line-height: 1.5; // 18px
+  padding: 20px 24px;
+  z-index: 1;
+}