style.styl 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. .inner
  30. column(columns)
  31. .left, .alignleft
  32. float: left
  33. .right, .alignright
  34. float: right
  35. .clear
  36. clear: both
  37. .logo
  38. background-image: url(logo-url)
  39. background-size: cover
  40. #container
  41. position: relative
  42. & > .outer
  43. margin-bottom: 30px
  44. if sidebar and sidebar isnt bottom
  45. #main
  46. @media mq-normal
  47. column(main-column)
  48. @import "_extend"
  49. @import "_partial/header"
  50. @import "_partial/profile"
  51. @import "_partial/article"
  52. @import "_partial/comment"
  53. @import "_partial/archive"
  54. @import "_partial/footer"
  55. @import "_partial/highlight"
  56. @import "_partial/mobile"
  57. if sidebar
  58. @import "_partial/sidebar"
  59. if sidebar is left
  60. #main
  61. float: right
  62. #profile
  63. float: right