/* 4.3 - Blog
 * The blog related class
**/

/** Layout **/

.container-blog {
    @include container($container-size-large, $lineheight);

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: $lineheight;
    column-gap: $lineheight*2;
    grid-template-areas:
    "main"
    "side";

    @include lg() {
      grid-template-columns: auto 360px;
      grid-template-areas: "main side";
    }
}

.mainpane {
    grid-area: main;
}

.sidebar {
    grid-area: side;
}

/** Navigation **/

a.article-nav-link-wrap {
  @include button($button_large);
  padding-left: $button_large;
  padding-right: $button_large;
    &:hover, &:active {
        @include borders();
    }

    p &:last-child {
        margin-bottom:0;
    }
    @include button-color($color-info);
}
