1 files changed, 79 insertions, 0 deletions
diff --git a/src/less/settings.less b/src/less/settings.less
new file mode 100644
index 00000000..e1b3f64b
--- /dev/null
+++ b/src/less/settings.less
@@ -0,0 +1,79 @@
+// ==========================================================================
+// Plyr variables
+// https://github.com/sampotts/plyr
+// ==========================================================================
+
+// Settings
+@plyr-border-box: true;
+@plyr-touch-action: true;
+@plyr-sr-only-important: true;
+
+// Colors
+@plyr-color-main: #1aafff;
+
+// Font
+@plyr-font-family: inherit; //Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
+@plyr-font-size-base: 16px;
+@plyr-font-size-small: 14px;
+@plyr-font-size-tiny: 10px;
+@plyr-font-weight-normal: 500;
+@plyr-font-weight-bold: 600;
+
+// Captions
+@plyr-captions-bg: fade(#000, 80%);
+@plyr-captions-color: #fff;
+@plyr-font-size-captions-base: @plyr-font-size-base;
+@plyr-font-size-captions-small: @plyr-font-size-small;
+@plyr-font-size-captions-medium: ceil(@plyr-font-size-base * 1.25);
+@plyr-font-size-captions-large: (@plyr-font-size-base * 1.5);
+
+// Controls
+@plyr-control-icon-size: 18px;
+@plyr-control-spacing: 10px;
+@plyr-control-padding: (@plyr-control-spacing * 0.7);
+@plyr-video-controls-bg: #000;
+@plyr-video-control-color: #fff;
+@plyr-video-control-color-hover: #fff;
+@plyr-video-control-bg-hover: @plyr-color-main;
+@plyr-audio-controls-bg: #fff;
+@plyr-audio-controls-border: 1px solid #dbe3e8;
+@plyr-audio-control-color: #565d64;
+@plyr-audio-control-color-hover: #fff;
+@plyr-audio-control-bg-hover: @plyr-color-main;
+
+// Tooltips
+@plyr-tooltip-bg: fade(#fff, 90%);
+@plyr-tooltip-color: #565d64;
+@plyr-tooltip-padding: (@plyr-control-spacing / 2);
+@plyr-tooltip-arrow-size: 4px;
+@plyr-tooltip-radius: 3px;
+
+// Menus
+@plyr-menu-bg: @plyr-tooltip-bg;
+@plyr-menu-color: @plyr-tooltip-color;
+@plyr-menu-arrow-size: 6px;
+
+// Progress
+@plyr-progress-loading-size: 25px;
+@plyr-progress-loading-bg: fade(#343f4a, 20%);
+@plyr-video-progress-buffered-bg: fade(#fff, 25%);
+@plyr-audio-progress-buffered-bg: fade(#c6d6db, 66%);
+
+// Range sliders
+@plyr-range-track-height: 8px;
+@plyr-range-thumb-height: floor(@plyr-range-track-height * 2);
+@plyr-range-thumb-width: floor(@plyr-range-track-height * 2);
+@plyr-range-thumb-bg: #fff;
+@plyr-range-thumb-border: 2px solid transparent;
+@plyr-range-thumb-shadow: 0 1px 1px fade(@plyr-video-controls-bg, 15%), 0 0 0 1px fade(#343f4a, 20%);
+@plyr-range-thumb-active-border-color: #fff;
+@plyr-range-thumb-active-bg: @plyr-video-control-bg-hover;
+@plyr-range-thumb-active-scale: 1.25;
+@plyr-video-range-track-bg: @plyr-video-progress-buffered-bg;
+@plyr-audio-range-track-bg: @plyr-audio-progress-buffered-bg;
+@plyr-range-selected-bg: @plyr-color-main;
+
+// Breakpoints
+@plyr-bp-screen-sm: 480px;
+@plyr-bp-screen-md: 768px;
+@plyr-bp-screen-lg: 1024px;