_variables.styl 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. // Config
  2. support-for-ie = false
  3. vendor-prefixes = webkit moz ms official
  4. // Colors
  5. color-default = #565a5f
  6. color-grey = #999
  7. color-border = #eceff2
  8. color-link = #38b7ea
  9. color-background = #f5f8f9
  10. color-sidebar-text = #777
  11. color-sidebar-text-dark = #333
  12. color-widget-background = #ddd
  13. color-widget-border = #ccc
  14. color-mobile-nav-background = #191919
  15. color-twitter = #00aced
  16. color-facebook = #3b5998
  17. color-pinterest = #cb2027
  18. color-google = #dd4b39
  19. // Fonts
  20. font-sans = "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif
  21. font-serif = Georgia, "Times New Roman", serif
  22. font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
  23. font-size = 14px
  24. line-height = 1.6em
  25. line-height-title = 1.1em
  26. // Header
  27. logo-size = 40px
  28. header-height = 64px
  29. header-sub-height = 48px
  30. logo-url = "images/logo.png"
  31. // Sidebar
  32. sidebar = hexo-config("sidebar")
  33. thumbnail-default-small = 'images/thumb-default-small.png'
  34. // Profile bar
  35. profile = hexo-config("profile")
  36. profile-avatar-size = 128px
  37. // Layout
  38. block-margin = 40px
  39. article-padding = 20px
  40. mobile-nav-width = 280px
  41. main-column = 7
  42. sidebar-column = 3
  43. profile-column = 3
  44. sidebar-column-tablet = 4
  45. if sidebar
  46. _sidebar-column = sidebar-column
  47. else
  48. _sidebar-column = 0
  49. if profile
  50. _profile-column = profile-column
  51. else
  52. _profile-column = 0
  53. // Grids
  54. column-width = 80px
  55. gutter-width = 20px
  56. if _sidebar-column is 0 and _profile-column is 0
  57. columns = 10
  58. main-column = 10
  59. else
  60. columns = main-column + _sidebar-column + _profile-column
  61. if sidebar
  62. main-column-tablet = 6
  63. if profile
  64. main-column-tablet = 9
  65. // Media queries
  66. mq-mini = "screen and (max-width: 559px)"
  67. mq-mobile = "screen and (min-width: 560px) and (max-width: 799px)"
  68. mq-tablet = "screen and (min-width: 800px) and (max-width: 1199px)"
  69. mq-normal = "screen and (min-width: 1200px)"