_variables.styl 2.7 KB

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