From e1a19faf268c7b49218c2f29e20bb8e4b0cbc03e Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 16 May 2017 10:20:58 +1000 Subject: URL updates --- src/less/mixins.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/less/mixins.less') diff --git a/src/less/mixins.less b/src/less/mixins.less index 25f43761..0b75b2a6 100644 --- a/src/less/mixins.less +++ b/src/less/mixins.less @@ -1,6 +1,6 @@ // ========================================================================== // Plyr mixins -// https://github.com/selz/plyr +// https://github.com/sampotts/plyr // ========================================================================== // styling -- cgit v1.2.3 From 36a84c5c2da8dcb6678b9f2bba0216c1bbf76dac Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 18 Oct 2017 12:43:10 +1100 Subject: Removed extra for populating lower fill on range inputs --- src/less/mixins.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'src/less/mixins.less') diff --git a/src/less/mixins.less b/src/less/mixins.less index 0b75b2a6..a620a599 100644 --- a/src/less/mixins.less +++ b/src/less/mixins.less @@ -18,7 +18,7 @@ background: @plyr-range-thumb-bg; border: @plyr-range-thumb-border; border-radius: 100%; - transition: background .2s ease, border .2s ease, transform .2s ease; + transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; box-shadow: @plyr-range-thumb-shadow; box-sizing: border-box; } @@ -26,4 +26,4 @@ background: @plyr-range-thumb-active-bg; border-color: @plyr-range-thumb-active-border-color; transform: scale(@plyr-range-thumb-active-scale); -} \ No newline at end of file +} -- cgit v1.2.3 From 57517a9dcc7ce75aef455b157fb6d1b97eab4e79 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 18 Oct 2017 23:55:53 +1100 Subject: Fullscreen improvements --- src/less/mixins.less | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) (limited to 'src/less/mixins.less') 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; + } + } +} -- cgit v1.2.3 From 3d50936b47fdd691816843de962d5699c3c8f596 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 28 Oct 2017 20:14:33 +1100 Subject: Split LESS into more granular files, Vimeo fixes --- src/less/mixins.less | 72 ---------------------------------------------------- 1 file changed, 72 deletions(-) delete mode 100644 src/less/mixins.less (limited to 'src/less/mixins.less') diff --git a/src/less/mixins.less b/src/less/mixins.less deleted file mode 100644 index 14e7d742..00000000 --- a/src/less/mixins.less +++ /dev/null @@ -1,72 +0,0 @@ -// ========================================================================== -// Plyr mixins -// https://github.com/sampotts/plyr -// ========================================================================== - -// styling -.plyr-range-track() { - height: @plyr-range-track-height; - background: transparent; - border: 0; - border-radius: (@plyr-range-track-height / 2); - user-select: none; -} -.plyr-range-thumb() { - position: relative; - height: @plyr-range-thumb-height; - width: @plyr-range-thumb-width; - background: @plyr-range-thumb-bg; - border: @plyr-range-thumb-border; - border-radius: 100%; - transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; - box-shadow: @plyr-range-thumb-shadow; - box-sizing: border-box; -} -.plyr-range-thumb-active() { - background: @plyr-range-thumb-active-bg; - 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; - } - } -} -- cgit v1.2.3