// PAGES STYLES
// --------------------------------------------------------------------
// Static pages
.page {
    @extend %container;
}

// Archive
.archive {
    @extend %container;

    h2,
    > h3 {
        margin-bottom: 0;
    }

    ul {
        list-style: none;
        padding: 0;
    }

    .date {
        display: inline-block;
        min-width: 7rem;
        width: 50%;
    }

    @media screen and (min-width: $md) {
        display: flex;
        flex-wrap: wrap;

        h2,
        > h3 {
            flex: 0 1 100%;
        }

        h3,
        h4 {
            text-align: left;
        }

        > section {
            flex: 0 1 50%;
        }
    }
}

.archive-summary {
    ul {
        width: 100%;
    }

    li {
        display: flex;
    }

    a {
        flex: 0 1 75%;
    }

    time {
        flex: 0 1 75%;
        text-align: right;
    }
}

// PAGES STYLES
// --------------------------------------------------------------------
// Static pages
.page {
    @extend %container;

    margin-bottom: 2 * $type-rhythm;
}

// Archive
.archive {
    @extend %container;

    margin-bottom: 2 * $type-rhythm;

    h2,
    > h3 {
        margin-bottom: 0;
    }

    ul {
        list-style: none;
        padding: 0;
    }

    .date {
        display: inline-block;
        min-width: 7rem;
        width: 50%;
    }

    @media screen and (min-width: $md) {
        display: flex;
        flex-wrap: wrap;

        h2,
        > h3 {
            flex: 0 1 100%;
        }

        h3,
        h4 {
            text-align: left;
        }

        > section {
            flex: 0 1 50%;
        }
    }
}

.archive-summary {
    ul {
        width: 100%;
    }

    li {
        display: flex;
    }

    a {
        flex: 0 1 75%;
    }

    time {
        flex: 0 1 75%;
        text-align: right;
    }
}

Fix bottom margin for static + archive pages
Fix bottom margin for static + archive pages
