SU-SWS/stanford_profile_helper

View on GitHub
modules/stanford_profile_styles/lib/scss/component/paragraph/gallery/index.scss

Summary

Maintainability
Test Coverage
@charset "UTF-8";
@import '../../../config';

.paragraph--type--stanford-gallery {
  container: paragraph / inline-size;
}

.su-gallery-images {

  > div {
    @include margin(null null 4rem null);
  }

  .su-gallery-caption {
    float: right;
    text-align: right;

    @include caption;
    @include padding(0.4em null null null);

    @include grid-media-between('sm', 'md') {
      float: none;
      text-align: unset;
    }
  }

  @include grid-media('md') {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    grid-gap: 4rem;

    > div {
      @include margin(0);
    }
  }

  @container paragraph (max-width: 768px){
    grid-template-columns: 1fr;
  }

  img {
    margin-left: auto;

    @include grid-media-between('sm', 'md') {
      margin-left: 0;
    }
  }
}