style.styl 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. .outer
  25. clearfix()
  26. max-width: (column-width + gutter-width) * columns + gutter-width
  27. margin: 0 auto
  28. padding: 0 gutter-width
  29. @media mq-mini
  30. padding: 0
  31. .left, .alignleft
  32. float: left
  33. .right, .alignright
  34. float: right
  35. .clear
  36. clear: both
  37. .logo
  38. width: logo-width
  39. height: logo-height
  40. background-repeat: no-repeat
  41. background-image: url(logo-url)
  42. background-size: logo-width logo-height
  43. #container
  44. position: relative
  45. & > .outer
  46. margin-bottom: 30px
  47. #main
  48. @media mq-normal
  49. column(main-column)
  50. @media mq-tablet
  51. if sidebar
  52. column(main-column-tablet)
  53. else
  54. width: 100%
  55. @import "_extend"
  56. @import "_partial/header"
  57. @import "_partial/profile"
  58. @import "_partial/article"
  59. @import "_partial/comment"
  60. @import "_partial/archive"
  61. @import "_partial/footer"
  62. @import "_partial/sidebar"
  63. @import "_highlight/index"
  64. if sidebar is left
  65. #main
  66. float: right
  67. #profile
  68. float: right