packages/ilios-common/app/styles/ilios-common/components/week-glance.scss
@use "../colors" as c;
@use "../mixins" as m;
@use "sass:color";
.week-glance {
.title {
@include m.ilios-heading-h3;
margin-bottom: 1em;
&.collapsible {
@include m.ilios-button-reset;
@include m.font-size("xl");
}
}
.event {
padding: 0 0.25rem;
margin: 1rem 0;
border-left: 3px solid c.$lightBlue;
&:nth-of-type(even) {
border-left: 3px solid c.$lavenderBlush;
}
p {
margin: 0;
padding: 0;
}
.event-title {
@include m.ilios-heading-h5;
font-weight: 700;
margin-bottom: 0;
.date {
font-weight: 400;
}
}
.sessiontype,
.location {
font-style: italic;
}
.url {
display: block;
margin-left: 2em;
}
.instructors {
label {
font-weight: 600;
}
}
}
}