/// Make video iframe from embedly responsive.
///
/// @group layout
///
/// @example scss - Usage
///
///   @include k-ResponsiveIframeContainer;
///
/// @example html
///
///   <div class="k-ResponsiveIframeContainer">
///     <iframe />
///   </div>
///
/// See also: http://docs.embed.ly/docs/responsive-embeds

@mixin k-ResponsiveIframeContainer {
  .k-ResponsiveIframeContainer {
    position: relative;
    overflow: hidden;
    // iframe ratio.
    padding-bottom: 67.5%;
    height: 0;

    iframe {
      position: absolute;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;
    }
  }
}