X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=vendor%2Fgeedmo%2Fyamm3%2Fdemo%2Fcomponents%2Fbootstrap%2Fless%2Fresponsive-embed.less;fp=vendor%2Fgeedmo%2Fyamm3%2Fdemo%2Fcomponents%2Fbootstrap%2Fless%2Fresponsive-embed.less;h=080a5118fe9ab2af331e6b1444fff4be840ecc03;hp=0000000000000000000000000000000000000000;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad

diff --git a/vendor/geedmo/yamm3/demo/components/bootstrap/less/responsive-embed.less b/vendor/geedmo/yamm3/demo/components/bootstrap/less/responsive-embed.less
new file mode 100644
index 000000000..080a5118f
--- /dev/null
+++ b/vendor/geedmo/yamm3/demo/components/bootstrap/less/responsive-embed.less
@@ -0,0 +1,35 @@
+// Embeds responsive
+//
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+    border: 0;
+  }
+}
+
+// Modifier class for 16:9 aspect ratio
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+
+// Modifier class for 4:3 aspect ratio
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}