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
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?
This may or may not be all of the CSS from the minimodal.css file
Code:
/* 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; }
Any thoughts?
Comment