.c-nav__wrap {
.c-nav.static & {
background-color: transparent;
backdrop-filter: none;
border: none;
}
}
.c-nav__logo {
.c-nav.static & {
filter: invert(1);
}
}
.c-nav__menu-button {
.c-nav.static & {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .5)
}
}
.l-section {
&[data-image-focus="top"] {
.l-section__background {
// default
}
}
&[data-image-focus="center"] {
.l-section__background {
object-position: center center;
}
}
&[data-image-focus="bottom"] {
.l-section__background {
object-position: bottom center;
}
}
}
.o-image {
&[data-aspect-ratio='ar3x1'] {
aspect-ratio: (3 / 1);
}
&[data-aspect-ratio='ar3x2'] {
aspect-ratio: 3 / 2;
}
&[data-aspect-ratio='ar2x3'] {
aspect-ratio: 2 / 3;
}
&[data-aspect-ratio='ar1x1'],
&[data-aspect-ratio='ar1'] {
aspect-ratio: 1;
}
&[data-aspect-ratio='ar16x9'] {
aspect-ratio: 16 / 9;
}
&[data-aspect-ratio='ar4x3'] {
aspect-ratio: 4 / 3;
}
&[data-aspect-ratio='ar3x4'] {
aspect-ratio: 3 / 4;
}
&[data-aspect-ratio='auto'] {
aspect-ratio: unset;
height: auto;
.o-image__img {
position: static;
}
}
&[data-image-align='top left'] {
.o-image__img {
object-position: top left;
}
}
&[data-image-align='top center'] {
.o-image__img {
object-position: top center;
}
}
&[data-image-align='top right'] {
.o-image__img {
object-position: top right;
}
}
&[data-image-align='center left'] {
.o-image__img {
object-position: center left;
}
}
&[data-image-align='center center'] {
.o-image__img {
object-position: center center;
}
}
&[data-image-align='center right'] {
.o-image__img {
object-position: center center;
}
}
&[data-image-align='bottom left'] {
.o-image__img {
object-position: bottom left;
}
}
&[data-image-align='bottom center'] {
.o-image__img {
object-position: bottom center;
}
}
&[data-image-align='bottom right'] {
.o-image__img {
object-position: bottom right;
}
}
}
p {
a {
color: var(--color--grey);
}
}
// Accordion Item
.o-accordion-item__trigger {
&.w--open {
.o-accordion-item__trigger-icon-vert {
transform: scaleY(0);
}
}
}
// LOCATION LINKS
.o-campus-links__button {
// last item or next item is hidden
&:last-child,
&:has(+ [href="#"]){
border-right-width: 0 !important;
border-bottom-width: 0 !important;
}
&[href="#"] {
display: none !important;
}
}
// VIDEO CARD
.o-video-card {
&[href="#"] {
cursor: default;
}
}
.c-info-cards {
&[data-gap-size="large"] {
// default style
}
&[data-gap-size="standard"] {
gap: var(--size--gutter);
}
}