_variables.styl 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. // Fonts
  16. font-sans = "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif
  17. font-serif = Georgia, "Times New Roman", "Microsoft Yahei", serif
  18. font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
  19. font-size = 14px
  20. line-height = 1.6em
  21. line-height-title = 1.3em
  22. // Header
  23. header-height = 64px
  24. header-sub-height = 48px
  25. logo-url = hexo-config("customize.logo.url")
  26. logo-width = 0px + hexo-config("customize.logo.width")
  27. logo-height = 0px + hexo-config("customize.logo.height")
  28. // Sidebar
  29. sidebar = hexo-config("customize.sidebar")
  30. thumbnail-default-small = 'images/thumb-default-small.png'
  31. // Profile bar
  32. profile = hexo-config("customize.profile")
  33. profile-avatar-size = 128px
  34. // Layout
  35. block-margin = 40px
  36. article-padding = 20px
  37. mobile-nav-width = 280px
  38. main-column = 7
  39. sidebar-column = 3
  40. profile-column = 3
  41. sidebar-column-tablet = 4
  42. if sidebar
  43. _sidebar-column = sidebar-column
  44. else
  45. _sidebar-column = 0
  46. if profile
  47. _profile-column = profile-column
  48. else
  49. _profile-column = 0
  50. // Grids
  51. column-width = 80px
  52. gutter-width = 20px
  53. if _sidebar-column is 0 and _profile-column is 0
  54. columns = 10
  55. main-column = 10
  56. else
  57. columns = main-column + _sidebar-column + _profile-column
  58. if sidebar
  59. main-column-tablet = 6
  60. if profile
  61. main-column-tablet = 9
  62. // Media queries
  63. mq-mini = "screen and (max-width: 559px)"
  64. mq-mobile = "screen and (min-width: 560px) and (max-width: 799px)"
  65. mq-tablet = "screen and (min-width: 800px) and (max-width: 1199px)"
  66. mq-normal = "screen and (min-width: 1200px)"
  67. // Code Highlight
  68. highlight = hexo-config("customize.highlight") || "tomorrow"
  69. // Miscellaneous
  70. color-twitter = #00aced
  71. color-facebook = #3b5998
  72. color-pinterest = #cb2027
  73. color-google = #dd4b39