cbillowes/curious-programmer-helium

@import "../layout/variables.scss";

.posts-container {
    max-width: $container-width;
    margin: 0 auto;

    .posts {
        position: relative;

        @include gutter;

        .filter {
            font-family: $font-family-sans-serif;
            padding: 0.5em;
            font-size: 1em;
            background-color: $background-darker;
            border: solid 1px $background-darker;
            border-radius: 5px;
            color: $foreground;
            width: 100%;

            &::placeholder {
                font-style: italic;
            }
        }

        .empty {
            display: none;
        }

        .item {
            margin-bottom: 2em;
            padding-left: 1em;

            > a {
                font-weight: $font-family-serif-heavy;
                font-size: 1.25em;
            }
        }

        .post-metadata {
            display: inline;

            p {
                padding-left: 0.5em;
                display: inline;
                font-style: italic;
                text-align: left;
                font-size: 0.8em;
            }

            .tags {
                text-align: left;
            }
        }
    }
}