archive.styl 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .archives-wrap
  2. margin: block-margin 0
  3. .archives
  4. clearfix()
  5. .archive-year-wrap
  6. margin-bottom: 1em
  7. .archive-year
  8. @extend $block-caption
  9. .archives
  10. column-gap: 10px
  11. @media mq-tablet
  12. column-count: 2
  13. @media mq-normal
  14. column-count: 3
  15. .archive-article
  16. avoid-column-break()
  17. .archive-article-inner
  18. @extend $block
  19. padding: 10px
  20. margin-bottom: 15px
  21. .archive-article-title
  22. text-decoration: none
  23. font-weight: bold
  24. color: color-default
  25. transition: color 0.2s
  26. line-height: line-height
  27. &:hover
  28. color: color-link
  29. .archive-article-footer
  30. margin-top: 1em
  31. .archive-article-date
  32. color: color-grey
  33. text-decoration: none
  34. font-size: 0.85em
  35. line-height: 1em
  36. margin-bottom: 0.5em
  37. display: block
  38. #page-nav
  39. clearfix()
  40. margin: block-margin auto
  41. background: #fff
  42. box-shadow: 1px 2px 3px #ddd
  43. border: 1px solid color-border
  44. border-radius: 3px
  45. text-align: center
  46. color: color-grey
  47. overflow: hidden
  48. a, span
  49. padding: 10px 20px
  50. line-height: 1
  51. height: 2ex
  52. a
  53. color: color-grey
  54. text-decoration: none
  55. &:hover
  56. background: color-grey
  57. color: #fff
  58. .prev
  59. float: left
  60. .next
  61. float: right
  62. .page-number
  63. display: inline-block
  64. @media mq-mobile
  65. display: none
  66. .current
  67. color: color-default
  68. font-weight: bold
  69. .space
  70. color: color-border