fill-height-or-more.scss

fill-height-or-more.scss

.fill-height-or-more {
    min-height: 100%;
    display: flex;
    flex-direction: column;

    > div {
        // these are flex items

        // flex: 1; same as:
        // flex-grow: 1;
        // flex-shrink: 1;
        // flex-basis: auto;
        // flex: 1 1 auto;
        flex: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        > div {
            // also flex items
        }
    }
}