packages/frontend/app/styles/components/programyear-overview.scss
@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;
}
}
}