{: versionI"3.2.19 (Media Mark):EF:shaI"-9e55931cb830fad2039ce336c6c2f41d05a5da99;F: contents"o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i ; @ :@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"include-html-media-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i; @ : @guardedI" !default; T;[; i; @ o; ;[I"F/* We use these to control video container padding and margins */; T; ; ;[; i; @ o; ;I"flex-video-padding-top; T;o:Sass::Script::Funcall ;I" rem-calc; T: @args[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"25; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;I"flex-video-padding-bottom; T;o; ;f 67.5;[I"%; T;[; i;I" 67.5%; F; @ ;I" !default; T;[; i; @ o; ;I"flex-video-margin-bottom; T;o; ;I" rem-calc; T;[o; ;i;[;@%; i;I"16; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I";/* We use this to control widescreen bottom padding */; T; ; ;[; i; @ o; ;I")flex-video-widescreen-padding-bottom; T;o; ;f 56.34;[I"%; T;[; i;I" 56.34%; F; @ ;I" !default; T;[; i; @ o; ;[I"/* * @mixins * */; T; ; ;[; i; @ o:Sass::Tree::MixinDefNode ;I"flex-video-container; T;[;0;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T; :identifier; @ : @tabsi:@prop_syntax:new;[; i; @ o;! ;[I"padding-top; T;o; ;I"flex-video-padding-top; T;I"flex_video_padding_top; T; i; @ ;$i;%;&;[; i; @ o;! ;[I"padding-bottom; T;o; ;I"flex-video-padding-bottom; T;I"flex_video_padding_bottom; T; i ; @ ;$i;%;&;[; i ; @ o;! ;[I" height; T;o;";I"0; T; ;#; @ ;$i;%;&;[; i!; @ o;! ;[I"margin-bottom; T;o; ;I"flex-video-margin-bottom; T;I"flex_video_margin_bottom; T; i"; @ ;$i;%;&;[; i"; @ o;! ;[I" overflow; T;o;";I" hidden; T; ;#; @ ;$i;%;&;[; i#; @ o:Sass::Tree::RuleNode : @rule[I"&.widescreen; T;$i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;+[o:#Sass::Selector::SimpleSequence ;+[o:Sass::Selector::Parent; i%:@filenameI"; To:Sass::Selector::Class;[I"widescreen; T; i%;/@: @subject0: @sourceso:Set: @hash{; i%;/@; i%;/@;[o;! ;[I"padding-bottom; T;o; ;I")flex-video-widescreen-padding-bottom; T;I")flex_video_widescreen_padding_bottom; T; i%; @ ;$i;%;&;[; i%; @ ; i%:@has_childrenT; @ o;' ;([I" &.vimeo; T;$i;)o;*;+[o;,;+[o;- ;+[o;.; i&;/I"; To;0;[I" vimeo; T; i&;/@;10;2o;3;4{; i&;/@; i&;/@;[o;! ;[I"padding-top; T;o;";I"0; T; ;#; @ ;$i;%;&;[; i&; @ ; i&;5T; @ o;' ;([I"'iframe, object, embed, video; T;$i;)o;*;+[ o;,;+[o;- ;+[o:Sass::Selector::Element ;[I" iframe; T:@namespace0; i+;/I"; T;10;2o;3;4{; i+;/@o;,;+[I" ; To;- ;+[o;6 ;[I" object; T;70; i+;/@;10;2o;3;4{; i+;/@o;,;+[I" ; To;- ;+[o;6 ;[I" embed; T;70; i+;/@;10;2o;3;4{; i+;/@o;,;+[I" ; To;- ;+[o;6 ;[I" video; T;70; i+;/@;10;2o;3;4{; i+;/@; i+;/@;[ o;! ;[I" position; T;o;";I" absolute; T; ;#; @ ;$i;%;&;[; i,; @ o;! ;[I"top; T;o;";I"0; T; ;#; @ ;$i;%;&;[; i-; @ o;! ;[o; ;I"default-float; T;I"default_float; T; i.; @ ;o;";I"0; T; ;#; @ ;$i;%;&;[; i.; @ o;! ;[I" width; T;o;";I" 100%; T; ;#; @ ;$i;%;&;[; i/; @ o;! ;[I" height; T;o;";I" 100%; T; ;#; @ ;$i;%;&;[; i0; @ ; i+;5T; @ ; i;5T; @ o:Sass::Tree::MixinNode ;I" exports; T;[o;" ;I"flex-video; T; : string; i4; @ ;{;0;[u:Sass::Tree::IfNodeP[o:Sass::Script::Variable : @nameI"include-html-media-classes:ET:@underscored_nameI"include_html_media_classes;T: @linei5: @options{0[o:Sass::Tree::RuleNode : @rule[I".flex-video;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"flex-video;T; i6:@filenameI";T: @subject0: @sourceso:Set: @hash{; i6;@; i6;@:@children[o:Sass::Tree::MixinNode ;I"flex-video-container;T: @args[:@keywords{: @splat0;[; i6; @ ; i6:@has_childrenT; @ ; i4; @ ;5T;I"P// 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; } } } ; T; i;5T; @