_variables.styl

// Config
support-for-ie = false
vendor-prefixes = webkit moz ms official

// Colors
color-default = #555
color-grey = #999
color-border = #ddd
color-link = #258fb8
color-background = #eee
color-sidebar-text = #777
color-widget-background = #fff
color-widget-border = #ddd
color-footer-background = #262a30
color-mobile-nav-background = #191919
color-twitter = #00aced
color-weibo = #ea1429
color-renren = #3777be
color-facebook = #3b5998
color-pinterest = #cb2027
color-linkedin = #0077B5
color-google = #dd4b39
color-nav = #eee
color-font = #817C7C
color-theme = #2ca6cb	//#1FA9D4    //#ea6753
color-heading = #333
color-calendar-border = #d1d1d1
color-calendar-post-bg = #007acc
color-calendar-hover-bg = #686868

// Fonts
font-sans = -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif
font-serif = Georgia, "Times New Roman", serif
font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
font-icon = FontAwesome
font-icon-path = "fonts/fontawesome-webfont"
font-icon-version = "4.7.0"
font-size = 14px
nav-icon-font-size = 16px
line-height = 1.6em
line-height-title = 1.1em

//body
bg-url = "https://cdn.jsdelivr.net/gh/howiefh/assets/img/bg.png"

// Header
logo-size = 40px
subtitle-size = 16px
banner-height = 280px
banner-url = hexo-config("banner")

sidebar = hexo-config("sidebar")
gotop = hexo-config("go_top")
tocaside = hexo-config("toc.aside")

// Layout
block-margin = 50px
article-padding = 1.2em
mobile-nav-width = 280px
main-column = 9
sidebar-column = 3

if sidebar and sidebar isnt bottom
  _sidebar-column = sidebar-column
else
  _sidebar-column = 0

// Grids
column-width = 80px
gutter-width = 20px
columns = main-column + _sidebar-column

// Media queries
mq-mobile = "screen and (max-width: 479px)"
mq-tablet = "screen and (min-width: 480px) and (max-width: 767px)"
mq-normal = "screen and (min-width: 768px)"