style.styl 1.7 KB

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