From bc67d969cbba42b5a93866c42c8b49facf532a49 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Wed, 13 Jan 2016 23:12:16 +1100
Subject: Froogaloop fixes (custom version), docs sprite, source api changes

---
 docs/src/js/docs.js                   | 18 ++++++++++++------
 docs/src/less/components/buttons.less | 26 ++++++++++++++++++--------
 2 files changed, 30 insertions(+), 14 deletions(-)

(limited to 'docs/src')

diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js
index 76cd5ada..57e6ef8a 100644
--- a/docs/src/js/docs.js
+++ b/docs/src/js/docs.js
@@ -80,26 +80,32 @@ shr.setup({
 
 			case 'youtube':
 				player.source({
-					type:       'youtube',
+					type:       'video',
 					title: 		'View From A Blue Moon',
-					sources:    'bTqVqk7FSmY'
+					sources: [{
+				        src:    'bTqVqk7FSmY',
+				        type:   'youtube'
+				    }]
 				});
 				break;
 
 			case 'vimeo':
 				player.source({
-					type:       'vimeo',
+					type:       'video',
 					title: 		'View From A Blue Moon',
-					sources:    '143418951'
+					sources: [{
+				        src:    '143418951',
+				        type:   'vimeo'
+				    }]
 				});
 				break;
 		}
 
 		for (var x = buttons.length - 1; x >= 0; x--) {
-			buttons[x].classList.remove('btn--active');
+			buttons[x].parentElement.classList.remove('active');
 		}
 
-		event.target.classList.add('btn--active');
+		event.target.parentElement.classList.add('active');
 	}
 })();
 
diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less
index c42ea4bd..fef9af68 100644
--- a/docs/src/less/components/buttons.less
+++ b/docs/src/less/components/buttons.less
@@ -55,19 +55,29 @@ nav {
 		& + li .btn {
 			margin-left: -1px;
 		}
+
+		&.active .btn {
+			&:extend(.btn--primary);
+			box-shadow: inset 0 1px 1px rgba(0,0,0, .2);
+			position: relative;
+			z-index: 1;
+
+			.icon {
+				color: inherit;
+			}
+		}
+		&.active + li .btn:hover {
+			z-index: 0;
+		}
 	}
 	.btn {
+		position: relative;
 		display: block;
 		border-radius: 0;
-	}
-	.btn--active {
-		&:extend(.btn--primary);
-		box-shadow: inset 0 1px 1px rgba(0,0,0, .2);
-		position: relative;
-		z-index: 1;
 
-		.icon {
-			color: inherit;
+		&:hover,
+		&:focus {
+			z-index: 1;
 		}
 	}
 
-- 
cgit v1.2.3