Where does minimodal.css and minimodal.js come from

[Matt Zimmermann]

Hi Leslie,

With classes like that, I would say someone added code from the original plugin I based Mini-Modal off of: https://github.com/mdmoreau/minimodal

[lesliekirk]

I got a site that seems to be missing two files minimodal.css and minimodal.js (not to be confused with the mini-modal.css and mini-modal.js files that can be found in Colossus.

This may or may not be all of the CSS from the minimodal.css file

/* minimodal */
.minimodal {
transition: all 600ms ease;
opacity: 0;
}

.minimodal--active {
opacity: 1;
}

/* status */
.minimodal__status {
transition: all 600ms ease;
opacity: 0;
}

.minimodal__item--loading .minimodal__status {
opacity: 1;
}

/* content */
.minimodal__content {
transform: scale(0.5);
transition: all 600ms ease;
opacity: 0;
}

.minimodal__item--loaded .minimodal__content {
transform: none;
opacity: 1;
}

.minimodal__item--removed--previous .minimodal__content,
.minimodal__item--removed--next .minimodal__content {
transform: scale(0.5);
}

/* item */
.minimodal__item {
transition: all 600ms ease;
}

/* item added, removed */
.minimodal__item--added,
.minimodal__item--removed {
opacity: 0;
}

/* item added previous, removed next */
.minimodal__item--added--previous,
.minimodal__item--removed--next {
transform: translateX(-100%);
}

/* item added next, removed previous */
.minimodal__item--added--next,
.minimodal__item--removed--previous {
transform: translateX(100%);
}

/* hidden */
.hidden {
display: none;
}

I don't know what the code is supposed to be for the minimodal.js or what it's being used for but it seems to only be on the PROD page.

Any thoughts?