Indentation

Converted to 4 space width tabbing

4 files changed, 170 insertions, 170 deletions

diff --git a/docs/src/less/docs.less b/docs/src/less/docs.less
index 7cb191d7..54407423 100644
--- a/docs/src/less/docs.less
+++ b/docs/src/less/docs.less
@@ -12,153 +12,153 @@
 // Variables
 // ---------------------------------------
 // Colors
-@blue:          			#3498DB;
-@gray-dark: 				#343f4a;
-@gray: 						#565d64;
-@gray-light: 				#cbd0d3;
+@blue:                      #3498DB;
+@gray-dark:                 #343f4a;
+@gray:                      #565d64;
+@gray-light:                #cbd0d3;
 
 // Elements
-@link-color: 				@blue;
-@padding-base: 				20px;
+@link-color:                @blue;
+@padding-base:              20px;
 
 // Breakpoints
-@screen-md: 				768px;
+@screen-md:                 768px;
 
 // BORDER-BOX ALL THE THINGS! 
 // http://paulirish.com/2012/box-sizing-border-box-ftw/
 *, *::after, *::before {  
-	box-sizing: border-box; 
+    box-sizing: border-box; 
 }
 
 // Base
 body {
-	font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
-	background: #fff;
-	line-height: 1.5;
-	text-align: center;
-	color: #6D797F;
+    font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    background: #fff;
+    line-height: 1.5;
+    text-align: center;
+    color: #6D797F;
 }
 
 // Error page
 html.error,
 .error body {
-	height: 100%;
+    height: 100%;
 }
 .error body {
-	width: 100%;
-	display: table;
-	table-layout: fixed;
+    width: 100%;
+    display: table;
+    table-layout: fixed;
 }
 .error main {
-	display: table-cell;
-	width: 100%;
-	vertical-align: middle;
+    display: table-cell;
+    width: 100%;
+    vertical-align: middle;
 }
 
 // Type
 h1,
 h2 {
-	letter-spacing: -.025em;
-	color: #2E3C44;
-	margin: 0 0 (@padding-base / 2);
-	line-height: 1.2;
-	.font-smoothing();
+    letter-spacing: -.025em;
+    color: #2E3C44;
+    margin: 0 0 (@padding-base / 2);
+    line-height: 1.2;
+    .font-smoothing();
 }
 h1 {
-	.font-size(64);
-	color: #3498DB;
+    .font-size(64);
+    color: #3498DB;
 }
 p,
 small {
-	margin: 0 0 @padding-base;
+    margin: 0 0 @padding-base;
 }
 small {
-	display: block;
-	padding: 0 (@padding-base / 2);
-	.font-size(14);
+    display: block;
+    padding: 0 (@padding-base / 2);
+    .font-size(14);
 }
 
 // Header
 header {
-	padding: @padding-base;
-	margin-bottom: @padding-base;
+    padding: @padding-base;
+    margin-bottom: @padding-base;
 
-	p {
-		.font-size(18);
-	}
-	@media (min-width: 560px) {
-		padding-top: (@padding-base * 3);
-		padding-bottom: (@padding-base * 3);
-	}
+    p {
+        .font-size(18);
+    }
+    @media (min-width: 560px) {
+        padding-top: (@padding-base * 3);
+        padding-bottom: (@padding-base * 3);
+    }
 }
 
 // Sections
 section {
-	padding-bottom: @padding-base;
+    padding-bottom: @padding-base;
 
-	@media (min-width: 560px) {
-		padding-bottom: (@padding-base * 2);
-	}
+    @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 {
-		.tab-focus();
-	}
-	&.logo {
-		border: 0;
-	}
+    text-decoration: none;
+    color: @link-color;
+    border-bottom: 1px solid currentColor;
+    transition: all .3s ease;
+
+    &:hover,
+    &:focus {
+        color: #000;
+    }
+    &:focus {
+        .tab-focus();
+    }
+    &.logo {
+        border: 0;
+    }
 }
 .btn {
-	display: inline-block;
-	padding: (@padding-base / 2) (@padding-base * 1.5);
-	background: @link-color;
-	border: 0;
-	color: #fff;
-	.font-smoothing(on);
-	font-weight: 600;
-	border-radius: 3px;
-	user-select: none;
-	
-	&:hover,
-	&:focus {
-		color: #fff;
-		background: darken(@link-color, 5%);
-	}
+    display: inline-block;
+    padding: (@padding-base / 2) (@padding-base * 1.5);
+    background: @link-color;
+    border: 0;
+    color: #fff;
+    .font-smoothing(on);
+    font-weight: 600;
+    border-radius: 3px;
+    user-select: none;
+    
+    &:hover,
+    &:focus {
+        color: #fff;
+        background: darken(@link-color, 5%);
+    }
 }
 
 // Players
 .example-audio .player {
-	max-width: 480px;
+    max-width: 480px;
 }
 .example-video .player {
-	max-width: 1200px;
+    max-width: 1200px;
 }
 .example-audio .player,
 .example-video .player {
-	margin: 0 auto @padding-base;
+    margin: 0 auto @padding-base;
 
-	&-fullscreen,
-	&.fullscreen-active {
-		max-width: none;
-	}
+    &-fullscreen,
+    &.fullscreen-active {
+        max-width: none;
+    }
 }
 
 // Footer
 footer {
-	margin-bottom: @padding-base;
+    margin-bottom: @padding-base;
 
-	p {
-		margin-bottom: (@padding-base / 2);
-	}
+    p {
+        margin-bottom: (@padding-base / 2);
+    }
 }
\ No newline at end of file
diff --git a/docs/src/less/lib/fontface.less b/docs/src/less/lib/fontface.less
index 704503d1..479f7fa4 100644
--- a/docs/src/less/lib/fontface.less
+++ b/docs/src/less/lib/fontface.less
@@ -1,16 +1,16 @@
 @font-face {
-	font-family: "Avenir";
-	src: 	url("//cdn.plyr.io/fonts/avenir-medium.woff2") format("woff2"), 
-			url("//cdn.plyr.io/fonts/avenir-medium.woff") format("woff"), 
-			url("//cdn.plyr.io/fonts/avenir-medium.ttf")  format("truetype");
-	font-style:   normal;
-	font-weight:  400;
+    font-family: "Avenir";
+    src:    url("//cdn.plyr.io/fonts/avenir-medium.woff2") format("woff2"), 
+            url("//cdn.plyr.io/fonts/avenir-medium.woff") format("woff"), 
+            url("//cdn.plyr.io/fonts/avenir-medium.ttf")  format("truetype");
+    font-style:   normal;
+    font-weight:  400;
 }
 @font-face {
-	font-family: "Avenir";
-	src: 	url("//cdn.plyr.io/fonts/avenir-bold.woff2") format("woff2"), 
-			url("//cdn.plyr.io/fonts/avenir-bold.woff") format("woff"), 
-			url("//cdn.plyr.io/fonts/avenir-bold.ttf")  format("truetype");
-	font-style:   normal;
-	font-weight:  600;
+    font-family: "Avenir";
+    src:    url("//cdn.plyr.io/fonts/avenir-bold.woff2") format("woff2"), 
+            url("//cdn.plyr.io/fonts/avenir-bold.woff") format("woff"), 
+            url("//cdn.plyr.io/fonts/avenir-bold.ttf")  format("truetype");
+    font-style:   normal;
+    font-weight:  600;
 }
\ No newline at end of file
diff --git a/docs/src/less/lib/mixins.less b/docs/src/less/lib/mixins.less
index b3a1f63b..a4451b1c 100644
--- a/docs/src/less/lib/mixins.less
+++ b/docs/src/less/lib/mixins.less
@@ -5,38 +5,38 @@
 // Contain floats: nicolasgallagher.com/micro-clearfix-hack/
 // ---------------------------------------
 .clearfix() {
-	zoom: 1;
-	&:before, 
-	&:after { content: ""; display: table; }
-	&:after { clear: both; }
+    zoom: 1;
+    &:before, 
+    &:after { content: ""; display: table; }
+    &:after { clear: both; }
 }
 
 // Webkit-style focus
 // ---------------------------------------
 .tab-focus() {
-	// Default
-	outline: thin dotted @gray-dark;
-	// Webkit
-	//outline: 5px auto -webkit-focus-ring-color;
-	outline-offset: 1px;
+    // 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
 // ---------------------------------------
 .font-size(@font-size: 16){
-	@rem: round((@font-size / 16), 1);
-	font-size: (@font-size * 1px);
-	font-size: ~"@{rem}rem";
+    @rem: round((@font-size / 16), 1);
+    font-size: (@font-size * 1px);
+    font-size: ~"@{rem}rem";
 }
 
 // Font smoothing
 // ---------------------------------------
 .font-smoothing(@mode: on) when (@mode = on) {
-	-moz-osx-font-smoothing: grayscale;
-	-webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
 }
 .font-smoothing(@mode: on) when (@mode = off) {
-	-moz-osx-font-smoothing: auto;
-	-webkit-font-smoothing: subpixel-antialiased;
+    -moz-osx-font-smoothing: auto;
+    -webkit-font-smoothing: subpixel-antialiased;
 }
\ No newline at end of file
diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html
index 6a2faa31..9fbb92b2 100644
--- a/docs/src/templates/controls.html
+++ b/docs/src/templates/controls.html
@@ -1,62 +1,62 @@
 <div class="player-controls">
-	<div class="player-progress">
-		<label for="seek{id}" class="sr-only">Seek</label>
-		<input id="seek{id}" class="player-progress-seek" type="range" min="0" max="100" step="0.5" value="0" data-player="seek">
-		<progress class="player-progress-played" max="100" value="0">
-			<span>0</span>% played
-		</progress>
-		<progress class="player-progress-buffer" max="100" value="0">
-			<span>0</span>% buffered
-		</progress>
-	</div>
-	<span class="player-controls-left">
-		<button type="button" data-player="restart">
-			<svg><use xlink:href="#icon-restart"></use></svg>
-			<span class="sr-only">Restart</span>
-		</button>
-		<button type="button" data-player="rewind">
-			<svg><use xlink:href="#icon-rewind"></use></svg>
-			<span class="sr-only">Rewind {seektime} secs</span>
-		</button>
-		<button type="button" data-player="play">
-			<svg><use xlink:href="#icon-play"></use></svg>
-			<span class="sr-only">Play</span>
-		</button>
-		<button type="button" data-player="pause">
-			<svg><use xlink:href="#icon-pause"></use></svg>
-			<span class="sr-only">Pause</span>
-		</button>
-		<button type="button" data-player="fast-forward">
-			<svg><use xlink:href="#icon-fast-forward"></use></svg>
-			<span class="sr-only">Forward {seektime} secs</span>
-		</button>
-		<span class="player-time">
-			<span class="sr-only">Time</span>
-			<span class="player-duration">00:00</span>
-		</span>
-	</span>
-	<span class="player-controls-right">
-		<input class="inverted sr-only" id="mute{id}" type="checkbox" data-player="mute">
-		<label id="mute{id}" for="mute{id}">
-			<svg class="icon-muted"><use xlink:href="#icon-muted"></use></svg>
-			<svg><use xlink:href="#icon-volume"></use></svg>
-			<span class="sr-only">Toggle Mute</span>
-		</label>
+    <div class="player-progress">
+        <label for="seek{id}" class="sr-only">Seek</label>
+        <input id="seek{id}" class="player-progress-seek" type="range" min="0" max="100" step="0.5" value="0" data-player="seek">
+        <progress class="player-progress-played" max="100" value="0">
+            <span>0</span>% played
+        </progress>
+        <progress class="player-progress-buffer" max="100" value="0">
+            <span>0</span>% buffered
+        </progress>
+    </div>
+    <span class="player-controls-left">
+        <button type="button" data-player="restart">
+            <svg><use xlink:href="#icon-restart"></use></svg>
+            <span class="sr-only">Restart</span>
+        </button>
+        <button type="button" data-player="rewind">
+            <svg><use xlink:href="#icon-rewind"></use></svg>
+            <span class="sr-only">Rewind {seektime} secs</span>
+        </button>
+        <button type="button" data-player="play">
+            <svg><use xlink:href="#icon-play"></use></svg>
+            <span class="sr-only">Play</span>
+        </button>
+        <button type="button" data-player="pause">
+            <svg><use xlink:href="#icon-pause"></use></svg>
+            <span class="sr-only">Pause</span>
+        </button>
+        <button type="button" data-player="fast-forward">
+            <svg><use xlink:href="#icon-fast-forward"></use></svg>
+            <span class="sr-only">Forward {seektime} secs</span>
+        </button>
+        <span class="player-time">
+            <span class="sr-only">Time</span>
+            <span class="player-duration">00:00</span>
+        </span>
+    </span>
+    <span class="player-controls-right">
+        <input class="inverted sr-only" id="mute{id}" type="checkbox" data-player="mute">
+        <label id="mute{id}" for="mute{id}">
+            <svg class="icon-muted"><use xlink:href="#icon-muted"></use></svg>
+            <svg><use xlink:href="#icon-volume"></use></svg>
+            <span class="sr-only">Toggle Mute</span>
+        </label>
 
-		<label for="volume{id}" class="sr-only">Volume</label>
-		<input id="volume{id}" class="player-volume" type="range" min="0" max="10" step="0.5" value="0" data-player="volume">
+        <label for="volume{id}" class="sr-only">Volume</label>
+        <input id="volume{id}" class="player-volume" type="range" min="0" max="10" step="0.5" value="0" data-player="volume">
 
-		<input class="sr-only" id="captions{id}" type="checkbox" data-player="captions">
-		<label for="captions{id}">
-			<svg class="icon-captions-on"><use xlink:href="#icon-captions-on"></use></svg>
-			<svg><use xlink:href="#icon-captions-off"></use></svg>
-			<span class="sr-only">Toggle Captions</span>
-		</label>
+        <input class="sr-only" id="captions{id}" type="checkbox" data-player="captions">
+        <label for="captions{id}">
+            <svg class="icon-captions-on"><use xlink:href="#icon-captions-on"></use></svg>
+            <svg><use xlink:href="#icon-captions-off"></use></svg>
+            <span class="sr-only">Toggle Captions</span>
+        </label>
 
-		<button type="button" data-player="fullscreen">
-			<svg class="icon-exit-fullscreen"><use xlink:href="#icon-exit-fullscreen"></use></svg>
-			<svg><use xlink:href="#icon-enter-fullscreen"></use></svg>
-			<span class="sr-only">Toggle Fullscreen</span>
-		</button>
-	</span>
+        <button type="button" data-player="fullscreen">
+            <svg class="icon-exit-fullscreen"><use xlink:href="#icon-exit-fullscreen"></use></svg>
+            <svg><use xlink:href="#icon-enter-fullscreen"></use></svg>
+            <span class="sr-only">Toggle Fullscreen</span>
+        </button>
+    </span>
 </div>
\ No newline at end of file