| .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 |
| |
| .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-grey |
| 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 |