hexo-theme-amane/source/css/_variables.styl

87 lines
2.1 KiB
Stylus
Raw Normal View History

2015-03-19 14:25:53 +00:00
// Config
support-for-ie = false
vendor-prefixes = webkit moz ms official
// Colors
color-default = #565a5f
color-grey = #999
color-border = #eceff2
color-link = #38b7ea
color-background = #f5f8f9
color-sidebar-text = #777
color-sidebar-text-dark = #333
color-widget-background = #ddd
color-widget-border = #ccc
color-mobile-nav-background = #191919
// Fonts
2015-03-20 02:25:44 +00:00
font-sans = "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif
2015-10-29 02:18:01 +00:00
font-serif = Georgia, "Times New Roman", "Microsoft Yahei", serif
2015-03-19 14:25:53 +00:00
font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
font-size = 14px
line-height = 1.6em
line-height-title = 1.1em
// Header
header-height = 64px
header-sub-height = 48px
2016-02-02 16:19:44 +00:00
logo-url = hexo-config("customize.logo.url")
logo-width = 0px + hexo-config("customize.logo.width")
logo-height = 0px + hexo-config("customize.logo.height")
2015-03-19 14:25:53 +00:00
// Sidebar
2016-02-02 16:19:44 +00:00
sidebar = hexo-config("customize.sidebar")
2015-03-22 05:33:42 +00:00
thumbnail-default-small = 'images/thumb-default-small.png'
2015-03-19 14:25:53 +00:00
2015-06-11 11:56:09 +00:00
// Profile bar
2016-02-02 16:19:44 +00:00
profile = hexo-config("customize.profile")
2015-03-19 14:25:53 +00:00
profile-avatar-size = 128px
// Layout
block-margin = 40px
article-padding = 20px
mobile-nav-width = 280px
2015-06-11 11:56:09 +00:00
main-column = 7
2015-03-19 14:25:53 +00:00
sidebar-column = 3
2015-06-11 11:56:09 +00:00
profile-column = 3
2015-03-20 02:25:44 +00:00
sidebar-column-tablet = 4
2015-03-19 14:25:53 +00:00
2015-06-11 11:56:09 +00:00
if sidebar
2016-02-02 16:19:44 +00:00
_sidebar-column = sidebar-column
2015-03-19 14:25:53 +00:00
else
2016-02-02 16:19:44 +00:00
_sidebar-column = 0
2015-03-19 14:25:53 +00:00
2015-06-11 11:56:09 +00:00
if profile
2016-02-02 16:19:44 +00:00
_profile-column = profile-column
2015-06-11 11:56:09 +00:00
else
2016-02-02 16:19:44 +00:00
_profile-column = 0
2015-06-11 11:56:09 +00:00
2015-03-19 14:25:53 +00:00
// Grids
column-width = 80px
gutter-width = 20px
2015-06-11 11:56:09 +00:00
if _sidebar-column is 0 and _profile-column is 0
2016-02-02 16:19:44 +00:00
columns = 10
main-column = 10
2015-06-11 11:56:09 +00:00
else
2016-02-02 16:19:44 +00:00
columns = main-column + _sidebar-column + _profile-column
2015-06-11 11:56:09 +00:00
if sidebar
2016-02-02 16:19:44 +00:00
main-column-tablet = 6
if profile
main-column-tablet = 9
2015-03-19 14:25:53 +00:00
// Media queries
2015-03-20 02:25:44 +00:00
mq-mini = "screen and (max-width: 559px)"
mq-mobile = "screen and (min-width: 560px) and (max-width: 799px)"
mq-tablet = "screen and (min-width: 800px) and (max-width: 1199px)"
2016-02-02 16:19:44 +00:00
mq-normal = "screen and (min-width: 1200px)"
// Code Highlight
highlight = hexo-config("customize.highlight") || "tomorrow"
// Miscellaneous
color-twitter = #00aced
color-facebook = #3b5998
color-pinterest = #cb2027
color-google = #dd4b39