_variables.styl 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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", 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.svg"
  31. // Sidebar
  32. sidebar = hexo-config("sidebar")
  33. thumbnail-default-small = 'css/images/thumb-default-small.png'
  34. // Profile
  35. profile-avatar-size = 128px
  36. // Layout
  37. block-margin = 40px
  38. article-padding = 20px
  39. mobile-nav-width = 280px
  40. main-column = 7
  41. profile-column = 3
  42. sidebar-column = 3
  43. if sidebar and sidebar isnt bottom
  44. _sidebar-column = sidebar-column
  45. else
  46. _sidebar-column = 0
  47. // Grids
  48. column-width = 80px
  49. gutter-width = 20px
  50. columns = main-column + _sidebar-column + profile-column
  51. // Media queries
  52. mq-mobile = "screen and (max-width: 479px)"
  53. mq-tablet = "screen and (min-width: 480px) and (max-width: 767px)"
  54. mq-normal = "screen and (min-width: 768px)"