SU-SWS/stanford_profile_helper

View on GitHub
modules/jumpstart_ui/lib/scss/components/media.component.scss

Summary

Maintainability
Test Coverage
@charset 'UTF-8';
@import '../jumpstart_ui.config';
@import 'decanter/core/src/scss/decanter-no-markup';
@import 'decanter/core/src/scss/components/media/index';

.su-media {
  clear: right;
  position: relative;

  .media-entity-wrapper.video {
    @include aspect-ratio(16, 9, '> div');

    iframe {
      height: 100%;
      min-height: unset;
      width: 100%;
    }
  }

  .su-media__caption {
    float: right;
    text-align: right;
    max-width: 100%;

    @include grid-media("lg") {
      width: ceil($su-screen-lg * 0.6);
    }
    @include grid-media("xl") {
      width: ceil($su-screen-xl * 0.6);
    }
    @include grid-media("2xl") {
      width: ceil($su-screen-2xl * 0.6);
    }
  }

  .su-media__link a {
    text-align: right;
    display: block;

    &::before {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      content: '';
    }
  }
}