Announcement

Collapse
No announcement yet.

Where does minimodal.css and minimodal.js come from

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Where does minimodal.css and minimodal.js come from

    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

    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;
    }
    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?
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    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
    Last edited by Matt Zimmermann; 05-11-21, 10:52 AM.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    Working...
    X