// Mixins

.transition-all() {

-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;

}

.background-cover() {

-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;

}

.serif() {

font-family: 'Lora', 'Times New Roman', serif;

}

.sans-serif () {

   /* Hux learn from
*     TypeIsBeautiful,
*     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
*/
   font-family:
   // System Font            // https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/
   -apple-system,            // OSX ^10.11 & iOS ^9  San Francisco & 苹方 for Safari
   BlinkMacSystemFont,       // OSX ^10.11 & iOS ^9  San Francisco & 苹方 for Blink 
   // English First
   "Helvetica Neue",         // OSX
   "Arial",                  // Win "Helvetica"
   //" Segoe UI",            // Win ^8
   // Chinese Fallback
   "PingFang SC",            // OSX ^10.11 & iOS ^9  苹方(华康信凭黑)
   "Hiragino Sans GB",       // OSX ^10.6            冬青黑体
   "STHeiti",                // OSX <10.6  & iOS <9  华文黑体
   "Microsoft YaHei",        // Win                  微软雅黑
   "Microsoft JhengHei",     // Win                  微软正黑
   "Source Han Sans SC",     // SourceHan - begin    思源黑体
   "Noto Sans CJK SC",
   "Source Han Sans CN",
   "Noto Sans SC",
   "Source Han Sans TC",
   "Noto Sans CJK TC",       // SourceHan - end
   "WenQuanYi Micro Hei",    // Linux                文泉驿微米黑
   SimSun,                   // Win old              中易宋体
   sans-serif;               // System Fallback
   line-height: 1.7;

}