aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/mixins.less
diff options
context:
space:
mode:
Diffstat (limited to 'src/less/mixins.less')
-rw-r--r--src/less/mixins.less43
1 files changed, 43 insertions, 0 deletions
diff --git a/src/less/mixins.less b/src/less/mixins.less
index a620a599..14e7d742 100644
--- a/src/less/mixins.less
+++ b/src/less/mixins.less
@@ -27,3 +27,46 @@
border-color: @plyr-range-thumb-active-border-color;
transform: scale(@plyr-range-thumb-active-scale);
}
+
+// Fullscreen styles
+.plyr-fullscreen-active() {
+ height: 100%;
+ width: 100%;
+ background: #000;
+ border-radius: 0 !important;
+
+ video {
+ height: 100%;
+ }
+ .plyr__video-wrapper {
+ height: 100%;
+ width: 100%;
+ }
+ .plyr__video-embed {
+ // Revert overflow change
+ overflow: visible;
+ }
+
+ // Vimeo requires some different styling
+ &.plyr--vimeo .plyr__video-wrapper {
+ height: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+
+ // Display correct icon
+ .plyr__control .icon--exit-fullscreen {
+ display: block;
+
+ + svg {
+ display: none;
+ }
+ }
+
+ // Large captions in full screen on larger screens
+ @media (min-width: @plyr-bp-screen-lg) {
+ .plyr__captions {
+ font-size: @plyr-font-size-captions-large;
+ }
+ }
+}