ui.css.scss in zurb-foundation-2.1.4

- old
+ new

@@ -11,10 +11,11 @@
 :: Tabs
 :: Pagination
 :: Lists
 :: Panels
 :: Nav
+:: Video
 :: Microformats
 */
 
 
 
@@ -212,9 +213,37 @@
 	.flyout.large { width: 600px; }
 	.flyout.right { left: auto; right: 0; }
 	.flyout p:last-child { margin-bottom: 0; }
 	.nav-bar>li .flyout { display: none; }
 	.nav-bar>li:hover .flyout { display: block; }
+
+
+/*	--------------------------------------------------
+   	Video
+   	Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+	-------------------------------------------------- */
+	
+	.flex-video {
+		position: relative;
+		padding-top: 25px;
+		padding-bottom: 67.5%;
+		height: 0;
+		margin-bottom: 16px;
+		overflow: hidden;
+	}
+	
+	.flex-video.widescreen { padding-bottom: 57.25%; }
+	.flex-video.vimeo { padding-top: 0; }
+	
+	.flex-video iframe,
+	.flex-video object,
+	.flex-video embed {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+	}
 
 
 
 /*	--------------------------------------------------
    	Microformats