_flex-video.scss in foundation-rails-5.5.2.0

- old
+ new

@@ -1,10 +1,10 @@
 // Foundation by ZURB
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
 //
 $include-html-media-classes: $include-html-classes !default;
@@ -20,32 +20,32 @@
 //
 // @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;
+  padding-bottom: $flex-video-padding-bottom;
+  padding-top: $flex-video-padding-top;
+  position: relative;
 
   &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }
   &.vimeo { padding-top: 0; }
 
   iframe,
   object,
   embed,
   video {
+    height: 100%;
     position: absolute;
     top: 0;
-    #{$default-float}: 0;
     width: 100%;
-    height: 100%;
+    #{$default-float}: 0;
   }
 }
 
 @include exports("flex-video") {
   @if $include-html-media-classes {
     .flex-video { @include flex-video-container; }
   }
-}
\ No newline at end of file
+}