style.styl 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @import "nib"
  2. @import "_variables"
  3. @import "_util/mixin"
  4. @import "_util/grid"
  5. global-reset()
  6. input, button
  7. margin: 0
  8. padding: 0
  9. &::-moz-focus-inner
  10. border: 0
  11. padding: 0
  12. html, body, #container
  13. height: 100%
  14. body
  15. color: color-default
  16. background: color-background
  17. font: font-size font-sans
  18. -webkit-text-size-adjust: 100%
  19. a
  20. color: color-link
  21. text-decoration: none
  22. &:visited
  23. color: color-link
  24. code
  25. margin: 0 2px
  26. color: #e96900
  27. padding: 3px 5px
  28. font-size: 0.8em
  29. border-radius: 2px
  30. font-family: font-mono
  31. background-color: #f8f8f8
  32. .outer
  33. clearfix()
  34. max-width: (column-width + gutter-width) * columns + gutter-width
  35. margin: 0 auto
  36. padding: 0 gutter-width
  37. @media mq-mini
  38. padding: 0
  39. .left, .alignleft
  40. float: left
  41. .right, .alignright
  42. float: right
  43. .clear
  44. clear: both
  45. .logo
  46. width: logo-width
  47. height: logo-height
  48. background-repeat: no-repeat
  49. background-image: url(logo-url)
  50. background-size: logo-width logo-height
  51. #container
  52. position: relative
  53. & > .outer
  54. margin-bottom: 30px
  55. #main
  56. @media mq-normal
  57. column(main-column)
  58. @media mq-tablet
  59. if sidebar
  60. column(main-column-tablet)
  61. else
  62. width: 100%
  63. @import "_extend"
  64. @import "_partial/header"
  65. @import "_partial/profile"
  66. @import "_partial/article"
  67. @import "_partial/comment"
  68. @import "_partial/archive"
  69. @import "_partial/timeline"
  70. @import "_partial/footer"
  71. @import "_partial/sidebar"
  72. @import "_highlight/index"
  73. if sidebar is left
  74. #main
  75. float: right
  76. #profile
  77. float: right