ilios/frontend

View on GitHub
packages/frontend/app/styles/components/programyear-overview.scss

Summary

Maintainability
Test Coverage
@use "../ilios-common/colors" as c;
@use "../ilios-common/mixins" as m;

.programyear-overview {
  @include m.ilios-overview(c.$orange);
  background: c.$slightWhite;
  border-top: 1px dotted c.$orange;
  border-bottom: 0;
  margin: 0 1.5rem;
  padding: 0 0.8rem 1rem 0.8rem;
  .programyear-overview-header {
    @include m.ilios-overview-header;

    h5 {
      @include m.ilios-overview-title;
      margin-top: 0.5rem;
    }

    .programyear-overview-actions {
      @include m.ilios-overview-actions;

      a {
        color: c.$blueMunsell;
        @include m.font-size("medium");
      }
    }
  }

  .programyear-overview-content {
    @include m.ilios-overview-content;
    align-items: start;
    padding-top: 1rem;

    .removable-directors {
      @include m.ilios-removable-list;

      margin-bottom: 0.5rem;
    }

    .directors {
      @include m.ilios-tag-list;

      margin-bottom: 0.5rem;
    }
  }
}