From c3a21ba38664d89d946b849f8a3c36941bc72e12 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Sat, 18 Oct 2014 13:35:04 +0200 Subject: restructure css src --- assets/css/lib/bootstrap/_responsive-embed.scss | 34 +++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 assets/css/lib/bootstrap/_responsive-embed.scss (limited to 'assets/css/lib/bootstrap/_responsive-embed.scss') diff --git a/assets/css/lib/bootstrap/_responsive-embed.scss b/assets/css/lib/bootstrap/_responsive-embed.scss new file mode 100644 index 0000000..a884d49 --- /dev/null +++ b/assets/css/lib/bootstrap/_responsive-embed.scss @@ -0,0 +1,34 @@ +// 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 { + 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%; + } +} -- cgit v1.2.3