Contents

$aspect-height: 9;
$aspect-width: 16;

@mixin embed-container ($height, $width) {
  padding-bottom: percentage($height/$width);
}

.usa-embed-container {
  iframe,
  object,
  embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.usa-embed-container {
  @include embed-container($aspect-height, $aspect-width);
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

Version data entries

42 entries across 36 versions & 4 rubygems

Version	Path
uswds-rails-1.3.0	vendor/assets/stylesheets/uswds/elements/_embed.scss
uswds-rails-0.1.0	vendor/assets/stylesheets/uswds/elements/_embed.scss