diff options
author | Lars Henrik Mai <lars.mai@kontinui.de> | 2014-09-23 08:44:31 +0200 |
---|---|---|
committer | Lars Henrik Mai <lars.mai@kontinui.de> | 2014-09-23 08:44:31 +0200 |
commit | 7fc6575a7a38daa21a26e2b179a92ca809b61eea (patch) | |
tree | 679498b3fd59aa375c6c6ce7ba48ed3d6a6e11d7 /source/bower_components/foundation/scss/foundation/components/_flex-video.scss | |
parent | 35239fc1f4641db1e602383b43cc29b151cde9b9 (diff) | |
parent | 1c177d628ffdb693483b1c39b94b5f19adcd8095 (diff) |
Merge branch 'replace-bootstrap-with-foundation'
Diffstat (limited to 'source/bower_components/foundation/scss/foundation/components/_flex-video.scss')
-rw-r--r-- | source/bower_components/foundation/scss/foundation/components/_flex-video.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/source/bower_components/foundation/scss/foundation/components/_flex-video.scss b/source/bower_components/foundation/scss/foundation/components/_flex-video.scss new file mode 100644 index 0000000..631ca9b --- /dev/null +++ b/source/bower_components/foundation/scss/foundation/components/_flex-video.scss @@ -0,0 +1,51 @@ +// Foundation by ZURB +// foundation.zurb.com +// Licensed under MIT Open Source + +@import "global"; + +// +// @variables +// +$include-html-media-classes: $include-html-classes !default; + +// We use these to control video container padding and margins +$flex-video-padding-top: rem-calc(25) !default; +$flex-video-padding-bottom: 67.5% !default; +$flex-video-margin-bottom: rem-calc(16) !default; + +// We use this to control widescreen bottom padding +$flex-video-widescreen-padding-bottom: 56.34% !default; + +// +// @mixins +// + +@mixin flex-video-container { + position: relative; + padding-top: $flex-video-padding-top; + padding-bottom: $flex-video-padding-bottom; + height: 0; + margin-bottom: $flex-video-margin-bottom; + overflow: hidden; + + &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; } + &.vimeo { padding-top: 0; } + + iframe, + object, + embed, + video { + position: absolute; + top: 0; + #{$default-float}: 0; + width: 100%; + height: 100%; + } +} + +@include exports("flex-video") { + @if $include-html-media-classes { + .flex-video { @include flex-video-container; } + } +}
\ No newline at end of file |