SU-SWS/stanford_profile_helper

View on GitHub
modules/stanford_events/lib/scss/components/event-card/stanford_events.event-card.scss

Summary

Maintainability
Test Coverage
@charset 'UTF-8';
@import '../../stanford_events.config';
@import 'event-stacked-date--card';
@import 'event-spacing-explore-more--card';
@import 'event-card--heading-link';
@import 'event-card--item-type-link';
@import '../event-list/event-date-time-icons';

.stanford-events {
  &.cards {
    @include grid-media-min('lg') {
      .views-row:not(:first-of-type) {
        @include modular-spacing('padding', 4 null null null);
      }
    }
  }
}

.su-event-card {
  &.su-event-list-item {

    .su-event-list-item__details {

      .event-list-item__subheadline {
        @include modular-typography(1);
        @include modular-spacing('margin', null null 2 null);

        font-weight: $su-font-bold;
      }

      .event_list_item__type {
        a {
          color: $su-color-bright-red;
          font-weight: $su-font-regular;
          text-decoration: none;

          &:hover,
          &:focus  {
            color: $su-color-black;
            text-decoration: underline;
          }

        }
      }

      h2,
      h3 {
        @include modular-typography(2);

        > a {
          color: $su-color-black;
          text-decoration: none;

          &:hover,
          &:focus  {
            color: $su-color-bright-red;
            text-decoration: underline;
          }
        }
      }

      h3 {
        font-size: 1.4em;
      }
    }
  }
}

// Fixing the alignment of the events when in a large grid.
@include grid-media-min('lg') {
  .stanford-events {
    &.cards {
      .views-view-grid {
        .flex-container {
          justify-content: left;

          > div {
            @include responsive-spacing('margin-right', 1);
          }

          div:last-of-type {
            margin-right: 0;
          }
        }
      }
    }
  }
}