style.styl 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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. @font-face
  13. font-family: FontAwesome
  14. font-style: normal
  15. font-weight: normal
  16. src: url(font-icon-path + ".eot?v=" + font-icon-version)
  17. src: url(font-icon-path + ".eot?#iefix&v=" + font-icon-version) format("embedded-opentype"),
  18. url(font-icon-path + ".woff2?v=" + font-icon-version) format("woff2"),
  19. url(font-icon-path + ".woff?v=" + font-icon-version) format("woff"),
  20. url(font-icon-path + ".ttf?v=" + font-icon-version) format("truetype"),
  21. url(font-icon-path + ".svg?v=" + font-icon-version + "#fontawesomeregular") format("svg")
  22. html, body, #container
  23. height: 100%
  24. body
  25. background: color-background
  26. font: font-size font-sans
  27. -webkit-text-size-adjust: 100%
  28. .outer
  29. clearfix()
  30. max-width: (column-width + gutter-width) * columns + gutter-width
  31. margin: 0 auto
  32. padding: 0 gutter-width
  33. .inner
  34. column(columns)
  35. .left, .alignleft
  36. float: left
  37. .right, .alignright
  38. float: right
  39. .clear
  40. clear: both
  41. #container
  42. position: relative
  43. .mobile-nav-on
  44. overflow: hidden
  45. #wrap
  46. height: 100%
  47. width: 100%
  48. position: absolute
  49. top: 0
  50. left: 0
  51. transition: 0.2s ease-out
  52. z-index: 1
  53. background: color-background
  54. .mobile-nav-on &
  55. left: mobile-nav-width
  56. if sidebar and sidebar isnt bottom
  57. #main
  58. @media mq-normal
  59. column(main-column)
  60. if sidebar is left
  61. @media mq-normal
  62. #main
  63. float: right
  64. @import "_extend"
  65. @import "_partial/header"
  66. @import "_partial/article"
  67. @import "_partial/comment"
  68. @import "_partial/archive"
  69. @import "_partial/footer"
  70. @import "_partial/highlight"
  71. @import "_partial/mobile"
  72. if sidebar
  73. @import "_partial/sidebar"