// .archives-wrap
//   margin: block-margin 0

// .archives
//   clearfix()

// .archive-year-wrap
//   margin-bottom: 1em

// .archive-year
//   @extend $block-caption

// .archives
//   column-gap: 10px
//   @media mq-tablet
//     column-count: 2
//   @media mq-normal
//     column-count: 3

// .archive-article
//   avoid-column-break()

.archive-article-inner
  @extend $block
  padding: 10px
  margin-bottom: 15px
  background-color: color-article-background
  color: color-primary-text

// .archive-article-title
//   text-decoration: none
//   font-weight: bold
//   color: color-default
//   transition: color 0.2s
//   line-height: line-height
//   &:hover
//     color: color-link

// .archive-article-footer
//   margin-top: 1em

.archive-article-date
  color: color-secondary-text
  text-decoration: none
  font-size: 0.85em
  line-height: 1em
  margin-bottom: 0.5em
  display: block

#page-nav
  clearfix()
  margin: block-margin auto
  background: #fff
  box-shadow: 1px 2px 3px #ddd
  border: 1px solid color-border
  border-radius: 3px
  text-align: center
  color: color-grey
  overflow: hidden
  a, span
    padding: 10px 20px
    line-height: 1
    height: 2ex
  a
    color: color-grey
    text-decoration: none
    &:hover
      background: color-grey
      color: #fff
  .prev
    float: left
  .next
    float: right
  .page-number
    display: inline-block
    @media mq-mobile
      display: none
  .current
    color: color-default
    font-weight: bold
  .space
    color: color-border