style.styl 1.3 KB

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