@shower/material/styles/slide/content/footer.css

Material theme for Shower HTML presentation engine

/* Footer */

.slide > footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding:
        48px var(--slide-right-side)
        24px var(--slide-left-side);
    background-color: var(--color-yellow);
    transition: transform 0.3s;
}

/* List */

.shower.list .slide > footer {
    transform: translateY(100%);
}

.shower.list .slide.active > footer,
.shower.list .slide:hover > footer {
    transform: translateY(0);
}

/* Full */

.shower.full .slide > footer {
    display: none;
}