Seperated docs, included SASS

5 files changed, 2 insertions, 610 deletions

diff --git a/src/sass/docs.scss b/src/sass/docs.scss
deleted file mode 100644
index 666474ae..00000000
--- a/src/sass/docs.scss
+++ /dev/null
@@ -1,140 +0,0 @@
-// ==========================================================================
-// HTML5 Video Player Demo Page
-// ==========================================================================
-
-// Reset
-@import "docs/normalize";
-// Mixins
-@import "docs/mixins";
-
-// Variables
-// ---------------------------------------
-// Colors
-$blue:          			#3498DB;
-$gray-dark: 				#343f4a;
-$gray: 						#565d64;
-$gray-light: 				#cbd0d3;
-
-// Elements
-$link-color: 				$blue;
-$padding-base: 				20px;
-
-// Breakpoints
-$screen-md: 				768px;
-
-// BORDER-BOX ALL THE THINGS!
-// http://paulirish.com/2012/box-sizing-border-box-ftw/
-*, *::after, *::before {
-	box-sizing: border-box;
-}
-
-// Base
-html {
-	//font-size: 62.5%;
-}
-body {
-	font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
-	background: #fff;
-	line-height: 1.5;
-	text-align: center;
-	color: #6D797F;
-}
-
-// Type
-h1,
-h2 {
-	letter-spacing: -.025em;
-	color: #2E3C44;
-	margin: 0 0 ($padding-base / 2);
-	line-height: 1.2;
-	@include font-smoothing();
-}
-h1 {
-	@include font-size(64);
-	color: #3498DB;
-}
-p,
-small {
-	margin: 0 0 $padding-base;
-}
-small {
-	display: block;
-	padding: 0 ($padding-base / 2);
-	@include font-size(14);
-}
-
-// Header
-header {
-	padding: $padding-base;
-	margin-bottom: $padding-base;
-
-	p {
-		@include font-size(18);
-	}
-	@media (min-width: 560px) {
-		padding-top: ($padding-base * 3);
-		padding-bottom: ($padding-base * 3);
-	}
-}
-
-// Sections
-section {
-	padding-bottom: $padding-base;
-
-	@media (min-width: 560px) {
-		padding-bottom: ($padding-base * 2);
-	}
-}
-
-// Links & Buttons
-a {
-	text-decoration: none;
-	color: $link-color;
-	border-bottom: 1px solid currentColor;
-	transition: all .3s ease;
-
-	&:hover,
-	&:focus {
-		color: #000;
-	}
-	&:focus {
-		@include tab-focus();
-	}
-}
-.btn {
-	display: inline-block;
-	padding: ($padding-base / 2) ($padding-base * 1.5);
-	background: $link-color;
-	border: 0;
-	color: #fff;
-	@include font-smoothing(on);
-	font-weight: 600;
-	border-radius: 3px;
-
-	&:hover,
-	&:focus {
-		color: #fff;
-		background: darken($link-color, 5%);
-	}
-}
-
-// Players
-.example-audio .player {
-	max-width: 480px;
-}
-.example-video .player {
-	max-width: 1200px;
-}
-.example-audio .player,
-.example-video .player {
-	margin: 0 auto $padding-base;
-
-	&-fullscreen,
-	&.fullscreen-active {
-		max-width: none;
-	}
-}
-
-// Fonts
-// Last to not block rendering
-@import "docs/fontface.less";
diff --git a/src/sass/docs/fontface.scss b/src/sass/docs/fontface.scss
deleted file mode 100644
index 6cd9eb68..00000000
--- a/src/sass/docs/fontface.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@font-face {
-	font-family: "Avenir";
-	src: 	url("../../src/fonts/AvenirLTStd-Medium.woff2") format("woff2"), 
-			url("../../src/fonts/AvenirLTStd-Medium.woff") format("woff"), 
-			url("../../src/fonts/AvenirLTStd-Medium.ttf")  format("truetype");
-	font-style:   normal;
-	font-weight:  400;
-}
-@font-face {
-	font-family: "Avenir";
-	src: 	url("../../src/fonts/AvenirLTStd-Heavy.woff2") format("woff2"), 
-			url("../../src/fonts/AvenirLTStd-Heavy.woff") format("woff"), 
-			url("../../src/fonts/AvenirLTStd-Heavy.ttf")  format("truetype");
-	font-style:   normal;
-	font-weight:  600;
-}
\ No newline at end of file
diff --git a/src/sass/docs/mixins.scss b/src/sass/docs/mixins.scss
deleted file mode 100644
index 24412575..00000000
--- a/src/sass/docs/mixins.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// ==========================================================================
-// Mixins
-// ==========================================================================
-
-// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
-// ---------------------------------------
-@mixin clearfix()
-{
-	zoom: 1;
-	&:before, 
-	&:after { content: ""; display: table; }
-	&:after { clear: both; }
-}
-
-// Webkit-style focus
-// ---------------------------------------
-@mixin tab-focus()
-{
-	// Default
-	outline: thin dotted $gray-dark;
-	// Webkit
-	//outline: 5px auto -webkit-focus-ring-color;
-	outline-offset: 1px;
-}
-
-// Use rems for font sizing
-// Leave <body> at 100%/16px
-// ---------------------------------------
-@mixin font-size($font-size: 16)
-{
-	$rem: round(($font-size / 16), 1);
-	font-size: ($font-size * 1px);
-	font-size: #{"${rem}rem"};
-}
-
-// Font smoothing
-// ---------------------------------------
-@mixin font-smoothing($mode: on) when ($mode = on)
-{
-	-moz-osx-font-smoothing: grayscale;
-	-webkit-font-smoothing: antialiased;
-}
-@mixin font-smoothing($mode: on) when ($mode = off)
-{
-	-moz-osx-font-smoothing: auto;
-	-webkit-font-smoothing: subpixel-antialiased;
-}
\ No newline at end of file
diff --git a/src/sass/docs/normalize.scss b/src/sass/docs/normalize.scss
deleted file mode 100644
index 562891ab..00000000
--- a/src/sass/docs/normalize.scss
+++ /dev/null
@@ -1,406 +0,0 @@
-/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9.
- * Hide the `template` element in IE, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-    background: transparent;
-}
-
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
\ No newline at end of file
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index f0d74989..998398bb 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -312,7 +312,8 @@ $bp-captions-large: 		768px; // When captions jump to the larger font size
 
 	// Volume control
 	// <input[type='range']> element
-	&-volume {
+	// Specificty is for bootstrap compatibility
+	&-volume[type=range] {
 		vertical-align: middle;
 		-webkit-appearance: none;
 		-moz-appearance: none;