77 lines
1.7 KiB
Stylus
77 lines
1.7 KiB
Stylus
// Config
|
|
support-for-ie = false
|
|
vendor-prefixes = webkit moz ms official
|
|
|
|
// Fonts
|
|
font-size-browser = 62.5%
|
|
font-size-base = 1.4rem
|
|
font-family-base = "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif
|
|
font-line-height = 1.7
|
|
|
|
// Colors
|
|
black = #000000
|
|
water = #cce5ff
|
|
water-green = #9c9
|
|
sea-blue = #3d85c6
|
|
sea-dark = #172d3e
|
|
sea = #1e3e3f
|
|
sea-light = #253145
|
|
sea-lighter = #5c6b72
|
|
gray = #adb5bd
|
|
froth-light = #f4f4f4
|
|
froth = #999
|
|
white = #ffffff
|
|
sand-light = #9c8079
|
|
sand = #9e6a4d
|
|
sand-dark = #5c5858
|
|
sand-gray = #bbb
|
|
red = #ea434a
|
|
|
|
// Share Colors
|
|
twitter-color = #00aced
|
|
facebook-color = #3b5998
|
|
pinterest-color = #cb2027
|
|
google-color = #dd4b39
|
|
|
|
// Link Colors
|
|
link-color = darken(water,20%)
|
|
link-hover-color = lighten(link-color, 20%)
|
|
link-active-color = darken(link-color, 5%)
|
|
disabled-color = gray
|
|
|
|
// Body Colors
|
|
body-background = white
|
|
body-color = darken(sand-dark,30%)
|
|
main-color = darken(water,20%)
|
|
tag-color = lighten(body-color,15%)
|
|
|
|
// Border
|
|
border-radius = 0.4rem
|
|
border-width = 0.1rem
|
|
border-color = froth
|
|
|
|
// Layout
|
|
aside-width = 8rem
|
|
wrap-width = 70rem
|
|
years-width = 6rem
|
|
logo-size = 4.2rem
|
|
cover-logo-size = 6rem
|
|
|
|
gutter-width = 1.5rem
|
|
|
|
// Breakpoints
|
|
breakpoints = (
|
|
xs = 0,
|
|
sm = 576px,
|
|
md = 768px,
|
|
lg = 992px,
|
|
xl = 1200px
|
|
)
|
|
|
|
// Transition
|
|
transition-slow = all .7s ease-in-out 0s
|
|
transition-fast = all .1s ease-in-out 0s
|
|
transition-base = all .3s ease-in-out
|
|
transition-fade = opacity .15s linear
|
|
transition-collapse = height .35s ease
|