article {
    padding: 1em;

    h1 {
        color: $color-header-secondary;
    }

    h2 {
        color: $color-header-primary;
    }

    .post & {
        flex-basis: $size-post;
    }

    a {
        color: $color-header-secondary;

        &:visited {
            color: $color-header-primary;
        }

        &:hover {
            color: $color-text-primary;
        }
    }

    pre {
        padding-left: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        border-left: 0.2em solid $color-highlight-primary;
        background-color: $color-background-secondary;
    }

    @include media-mobile {
        margin-top: 2em;
    }
    @include media-tablet {
        margin-top: 2em;
    }

    @include media-desktop {
        margin-left: 1em;
        margin-right: 1em;
    }
}