hexo-theme-volantis 4.2.0 → 5.0.0-alpha.112

package/source/css/_defines/AutoPrefixCSS.styl

@@ -0,0 +1,347 @@
+// AutoPrefixCSS
+// https://github.com/stylus/nib
+
+vendor-prefixes ?= webkit khtml moz o ms
+
+vendor(prop, only = null ,vendor-property = true, args)
+  if (only and official in only) or !only
+    {prop}: args
+  if vendor-property
+    for prefix in vendor-prefixes
+      unless only and !(prefix in only)
+        {'-' + prefix + '-' + prop}: args
+
+// A
+
+animation()
+  vendor(prop:'animation', only: null,  vendor-property: true, args:arguments)
+
+// B
+box-orient()
+  vendor(prop:'box-orient', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+box-pack()
+  vendor(prop:'box-pack', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+border-radius()
+  vendor(prop:'border-radius', only: webkit official,  vendor-property: true, args:arguments)
+
+box-shadow()
+  vendor(prop:'box-shadow', only: webkit official,  vendor-property: true, args:arguments)
+
+border-image()
+  vendor(prop:'border-image', only: webkit moz o official,  vendor-property: true, args:arguments)
+
+background-image()
+  if match('-gradient\(', ''+arguments)
+    vendor(prop:'background-image', only: null,  vendor-property: false, args:arguments)
+  else
+    background-image arguments
+
+box-sizing()
+  vendor(prop:'box-sizing', only: webkit moz official,  vendor-property: true, args:arguments)
+
+backface-visibility()
+  vendor(prop:'backface-visibility', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+background-size()
+  vendor(prop:'background-size', only: webkit moz official,  vendor-property: true, args:arguments)
+
+/*
+ * Legacy syntax support for background-clip and background-origin
+ */
+
+legacy-bg-values(property, args)
+  legacy_args = ()
+  importance = unquote('')
+  for subargs in args
+    for arg in subargs
+      if arg in (border-box padding-box content-box)
+        arg = unquote('border')  if arg == border-box
+        arg = unquote('padding') if arg == padding-box
+        arg = unquote('content') if arg == content-box
+      if arg != '!important'
+        push(legacy_args,arg)
+      else
+        importance = !important
+  vendor(prop:property, only: moz webkit,  vendor-property: true, args: unquote(join(', ',legacy_args)) importance)
+
+background-clip()
+  if arguments[0] == text
+    vendor(prop:'background-clip', only: webkit,  vendor-property: true, args:arguments)
+  else
+    legacy-bg-values('background-clip', arguments)
+    background-clip: arguments
+// C
+
+
+column-count()
+  vendor(prop:'column-count', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-gap()
+  vendor(prop:'column-gap', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule()
+  vendor(prop:'column-rule', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-color()
+  vendor(prop:'column-rule-color', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-width()
+  vendor(prop:'column-rule-width', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-rule-style()
+  vendor(prop:'column-rule-style', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-width()
+  vendor(prop:'column-width', only: webkit moz official,  vendor-property: true, args:arguments)
+
+column-span()
+  vendor(prop:'column-span', only: webkit official,  vendor-property: true, args:arguments)
+
+column-fill()
+  vendor(prop:'column-fill', only: moz,  vendor-property: true, args:arguments)
+
+
+// D
+display(value)
+  // Initializing a flexbox container
+  display -webkit-box    /* OLD - iOS 6-, Safari 3.1-6 */
+  display -moz-box     /* OLD - Firefox 19- (buggy but mostly works) */
+  if value == inline-flex
+    display -ms-inline-flexbox    /* TWEENER - IE 10 */
+    display -webkit-inline-flex   /* NEW - Chrome */
+    display value           /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  else if value == flex
+    display -ms-flexbox     /* TWEENER - IE 10 */
+    display -webkit-flex    /* NEW - Chrome */
+    display flex        /* NEW, Spec - Opera 12.1, Firefox 20+ */
+
+  if arguments != 'flex'
+    display: arguments;
+  else
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+
+// E
+
+// F
+flex-wrap(value)
+  // Implementation of the flex-wrap attribute.
+  vendor(prop:'flex-wrap',only: null,  vendor-property: true, args:value)
+
+flex-flow()
+  vendor(prop:'flex-flow',only: null,  vendor-property: true, args:arguments)
+
+flex-direction(value)
+  // Implementation of flex-direction attributes.
+  if value == row
+    -webkit-box-direction normal
+    -moz-box-direction normal
+    -webkit-box-orient horizontal
+    -moz-box-orient horizontal
+  else if value == row-reverse
+    -webkit-box-direction reverse
+    -moz-box-direction reverse
+    -webkit-box-orient horizontal
+    -moz-box-orient horizontal
+  else if value == column
+    -webkit-box-direction normal
+    -moz-box-direction normal
+    -webkit-box-orient vertical
+    -moz-box-orient vertical
+  else if value == column-reverse
+    -webkit-box-direction reverse
+    -moz-box-direction reverse
+    -webkit-box-orient vertical
+    -moz-box-orient vertical
+  -webkit-flex-direction value
+  -ms-flex-direction value
+  flex-direction value
+
+flexbox(value)
+  // Initializing a flexbox container
+  display -webkit-box    /* OLD - iOS 6-, Safari 3.1-6 */
+  display -moz-box     /* OLD - Firefox 19- (buggy but mostly works) */
+  if value == inline-flex
+    display -ms-inline-flexbox    /* TWEENER - IE 10 */
+    display -webkit-inline-flex   /* NEW - Chrome */
+    display value           /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  else if value == flex
+    display -ms-flexbox     /* TWEENER - IE 10 */
+    display -webkit-flex    /* NEW - Chrome */
+    display flex        /* NEW, Spec - Opera 12.1, Firefox 20+ */
+
+flex(grow = 0, shrink = 0)
+  // For configuring the flex elements
+  -webkit-box-flex grow
+  -moz-box-flex grow
+  -webkit-flex grow shrink
+  -ms-flex grow shrink
+  flex grow shrink
+
+flex-content(value)
+  // Implements the align-content settings
+  if value == space-around
+    -webkit-align-content value
+    -ms-flex-line-pack distribute
+    align-content value
+  else if value == space-between
+    -webkit-align-content value
+    -ms-flex-line-pack justify
+    align-content value
+  else if value == end or value == start
+    -webkit-align-content flex-+value
+    -ms-flex-line-pack value
+    align-content flex-+value
+  else
+    -webkit-align-content value
+    -ms-flex-line-pack value
+    align-content value
+
+flex-align(value)
+  // Function for align-items
+  if value == start or value == end
+    -webkit-box-align value
+    -moz-box-align value
+    -webkit-align-items flex-+value
+    -ms-flex-align value
+    align-items flex-+value
+  else
+    -webkit-box-align value
+    -moz-box-align value
+    -webkit-align-items value
+    -ms-flex-align value
+
+flex-firefox()
+  // Helper to manage inline bugs in legacy Firefox
+  width 100%
+  -moz-box-sizing border-box
+
+flex-group(value)
+  // Manages ordering of the flex elements within a container
+  -webkit-box-ordinal-group value
+  -moz-box-ordinal-group value
+  -ms-flex-order value
+  -webkit-order value
+  order value
+
+flex-self(value)
+  // Function for aligning the flex elements (align-self)
+  if value == start or value == end
+    -webkit-align-self flex-+value
+    -ms-flex-item-align value
+    align-self flex-+value
+  else
+    -webkit-align-self value
+    -ms-flex-item-align value
+    align-self value
+
+flex-justify(value)
+  // Implements the justify-content settings.
+  if value == start || value == end
+    -webkit-box-pack value
+    -moz-box-pack value
+    -webkit-justify-content flex-+value
+    -ms-flex-pack value
+    justify-content flex-+value
+  else if value == center
+    -webkit-box-pack value
+    -moz-box-pack value
+    -webkit-justify-content value
+    -ms-flex-pack value
+    justify-content value
+  else if value == space-between
+    -webkit-box-pack justify
+    -moz-box-pack justify
+    -webkit-justify-content value
+    -ms-flex-pack justify
+    justify-content value
+  else if value == space-around
+    -webkit-box-pack justify
+    -moz-box-pack justify
+    -webkit-justify-content value
+    -ms-flex-pack distribute
+    justify-content value
+
+
+font-smoothing()
+  vendor(prop:'font-smoothing', only: webkit,  vendor-property: true, args:arguments)
+// G
+
+// H
+
+// I
+
+// J
+justify-content()
+  vendor(prop:'justify-content',only: null,  vendor-property: true, args:arguments)
+
+// K
+
+// L
+
+// M
+
+// N
+
+// O
+
+opacity()
+  vendor(prop:'opacity', only: webkit moz official,  vendor-property: true, args:arguments)
+
+// P
+print-color-adjust()
+  vendor(prop:'print-color-adjust',only: null,  vendor-property: true, args:arguments)
+
+// Q
+
+// R
+
+// S
+
+// T
+text-size-adjust()
+  vendor(prop:'text-size-adjust', only: null,  vendor-property: true, args:arguments)
+
+transition()
+  vendor(prop:'transition', only: null,  vendor-property: true, args:arguments)
+
+transition-property()
+  vendor(prop:'transition-property', only: null,  vendor-property: true, args:arguments)
+
+transition-duration()
+  vendor(prop:'transition-duration', only: null,  vendor-property: true, args:arguments)
+
+transition-timing-function()
+  vendor(prop:'transition-timing-function', only: null,  vendor-property: true, args:arguments)
+
+transition-delay()
+  vendor(prop:'transition-delay', only: null,  vendor-property: true, args:arguments)
+
+transform()
+  vendor(prop:'transform', only: null,  vendor-property: true, args:arguments)
+
+transform-origin()
+  vendor(prop:'transform-origin', only: null,  vendor-property: true, args:arguments)
+
+transform-style()
+  vendor(prop:'transform-style', only: null,  vendor-property: true, args:arguments)
+
+// U
+user-select()
+  vendor(prop:'user-select', only: webkit moz ms official,  vendor-property: true, args:arguments)
+
+
+// V
+
+// W
+
+// X
+
+// Y
+
+// Z
+

package/source/css/_defines/Readme.md

@@ -0,0 +1,3 @@
+# 定义变量
+
+这里存放一些 变量 或 工具函数 ，不建议存放样式

package/source/css/_defines/color.styl

@@ -29,6 +29,9 @@ $color-google-green = #3AA757
 $color-google-yellow = #FABB2D
 $color-google-red = #E8453C
 
+$color-read-bkg = #e0d8c8
+$color-read-post = #f8f1e2
+
 
 // common
 $color-theme = convert(hexo-config('color_scheme.common.theme'))
@@ -62,8 +65,29 @@ $color-list-hl = convert(hexo-config('color_scheme.light.list_hl'))
 $color-meta = convert(hexo-config('color_scheme.light.meta'))
 
 // 深色配色方案在 darkmode.styl 中按需加载
+$color-dark-site-body = convert(hexo-config('color_scheme.dark.site_bd'))                    // Dark Grey 1
+$color-dark-read-bkg = convert(hexo-config('color_scheme.dark.site_bg'))
+$color-dark-read-post = convert(hexo-config('color_scheme.dark.card'))
+$color-dark-site-bg = convert(hexo-config('color_scheme.dark.site_bg'))                      // Dark Grey 2
+$color-dark-site-inner = convert(hexo-config('color_scheme.dark.site_inner'))
+$color-dark-site-footer = convert(hexo-config('color_scheme.dark.site_footer'))
+$color-dark-card = convert(hexo-config('color_scheme.dark.card'))                            // Dark Grey 3
+$color-dark-text = convert(hexo-config('color_scheme.dark.text'))
 
-
+$color-dark-block = convert(hexo-config('color_scheme.dark.block'))                           // Dark Grey 4
+$color-dark-codeblock = convert(hexo-config('color_scheme.dark.codeblock'))
+$color-dark-inlinecode = convert(hexo-config('color_scheme.dark.inlinecode'))
+$color-dark-h1 = convert(hexo-config('color_scheme.dark.h1'))
+$color-dark-h2 = convert(hexo-config('color_scheme.dark.h2'))
+$color-dark-h3 = convert(hexo-config('color_scheme.dark.h3'))
+$color-dark-h4 = convert(hexo-config('color_scheme.dark.h4'))
+$color-dark-h5 = convert(hexo-config('color_scheme.dark.h5'))
+$color-dark-h6 = convert(hexo-config('color_scheme.dark.h6'))
+$color-dark-p = convert(hexo-config('color_scheme.dark.p'))
+$color-dark-list = convert(hexo-config('color_scheme.dark.list'))
+$color-dark-list-hl = convert(hexo-config('color_scheme.dark.list_hl'))
+$color-dark-meta = convert(hexo-config('color_scheme.dark.meta'))
+$color-dark-link = convert(hexo-config('color_scheme.dark.meta'))
 
 bgcolor($c, $mix = 10)
   return mix($c, $color-card, $mix)
@@ -73,3 +97,19 @@ list_active()
 list_hover()
   color: var(--color-list-hl)
   background: var(--color-site-bg)
+
+// tag plugin from stellar : color
+// 浅色页面
+$c-site-bg-light = #f8f8f8
+$c-block-light = #f2f2f2
+$c-title-light = #000
+$c-text-light = #222
+$c-card-light = white
+
+// 深色页面
+$c-site-bg-dark = black
+$c-block-dark = #111
+$c-title-dark = #fff
+$c-text-dark = #fff
+$c-card-dark = #333
+

package/source/css/_defines/effect.styl

@@ -9,16 +9,3 @@ $boxshadow-dropmenu = 0 2px 4px 0px rgba(0, 0, 0, 0.08), 0 4px 8px 0px rgba(0, 0
 
 $textshadow = 0 1px 2px 0px rgba(0, 0, 0, 0.1)
 
-
-.blur
-  @supports (backdrop-filter: blur(20px))
-    background: alpha($color-card, .9) !important
-    backdrop-filter: saturate(200%) blur(20px)
-
-
-.shadow
-  box-shadow: $boxshadow-card
-  &.floatable
-    trans()
-    &:hover
-      box-shadow: $boxshadow-card-float

package/source/css/_defines/fonts.styl

@@ -1,23 +1,11 @@
 $fontfamily = "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, "Lucida Console", sans-serif
 if hexo-config('custom_css.fontfamily.bodyfont')
-  if hexo-config('custom_css.fontfamily.bodyfont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.bodyfont.name')
-      src: url(hexo-config('custom_css.fontfamily.bodyfont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.bodyfont.weight')
-      font-style: hexo-config('custom_css.fontfamily.bodyfont.style')
   if hexo-config('custom_css.fontfamily.bodyfont.fontfamily')
     $fontfamily = convert(hexo-config('custom_css.fontfamily.bodyfont.fontfamily')), Menlo, Monaco, monospace, sans-serif
 
 
 $fontfamily-code = Menlo, Monaco, monospace, courier, sans-serif
 if hexo-config('custom_css.fontfamily.codefont')
-  if hexo-config('custom_css.fontfamily.codefont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.codefont.name')
-      src: url(hexo-config('custom_css.fontfamily.codefont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.codefont.weight')
-      font-style: hexo-config('custom_css.fontfamily.codefont.style')
   if hexo-config('custom_css.fontfamily.codefont.fontfamily')
     $fontfamily-code = convert(hexo-config('custom_css.fontfamily.codefont.fontfamily')), monospace, courier, sans-serif
 
@@ -25,12 +13,6 @@ if hexo-config('custom_css.fontfamily.codefont')
 
 $fontfamily-logo = $fontfamily
 if hexo-config('custom_css.fontfamily.logofont')
-  if hexo-config('custom_css.fontfamily.logofont.name')
-    @font-face
-      font-family: hexo-config('custom_css.fontfamily.logofont.name')
-      src: url(hexo-config('custom_css.fontfamily.logofont.url'))
-      font-weight: hexo-config('custom_css.fontfamily.logofont.weight')
-      font-style: hexo-config('custom_css.fontfamily.logofont.style')
   if hexo-config('custom_css.fontfamily.logofont.fontfamily')
     $fontfamily-logo = convert(hexo-config('custom_css.fontfamily.logofont.fontfamily')), Helvetica, monospace
 
@@ -56,3 +38,20 @@ $lineheight = hexo-config('custom_css.gap.line_height') || 1.7
 $fontsize-large = 2.5rem
 $fontsize-huge = 4rem
 $fontsize-ultra = 6rem
+
+
+// font size
+$fs-root = 16px
+$fs-15 = .9375rem
+$fs-14 = .875rem
+$fs-13 = .8125rem
+$fs-12 = .75rem
+
+$fs-h1   = 2rem   // 32px
+$fs-h2   = 1.5rem // 24px
+$fs-h3   = 1.375rem  // 22px
+$fs-h4   = 1.125rem  // 18px
+$fs-h5   = $fs-15
+$fs-h6   = $fs-12
+$fs-p = $fs-15
+$fs-code = $fs-13

package/source/css/_defines/func.styl

@@ -1,11 +1,19 @@
+// 为1个属性设置动画
+trans1($op, $time = 0.2s)
+  transition: $op $time ease-out
 
+// 为2个属性设置动画
+trans2($op1, $op2)
+  transition: $op1 0.2s ease-out, $op2 0.2s ease-out
+
+trans2pro($op1, $t1, $op2, $t2)
+  transition: $op1 $t1 ease-out, $op2 $t2 ease-out
+
+trans3($op1, $op2, $op3)
+  transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out
 
 trans($time = 0.28s)
   transition: all $time ease
-  -moz-transition: all $time ease
-  -webkit-transition: all $time ease
-  -o-transition: all $time ease
-
 
 hoverable-card()
   trans()
@@ -28,9 +36,6 @@ placeholder(rules)
     rules()
 
 disable-user-select()
-  -moz-user-select: none
-  -ms-user-select: none
-  -webkit-user-select: none
   user-select: none
 
 scrollbar($w = 4px, $b = 2px, $c = $color-theme, $h = $color-hover)
@@ -62,26 +67,3 @@ scrollbar-codeblock()
       background: alpha($color-text, .5)
       &:hover
         background: $color-hover
-
-dark()
-  --color-site-body: black
-  --color-site-bg: convert(hexo-config('color_scheme.dark.site_bg'))
-  --color-site-inner: convert(hexo-config('color_scheme.dark.site_inner'))
-  --color-site-footer: convert(hexo-config('color_scheme.dark.site_footer'))
-  --color-card: convert(hexo-config('color_scheme.dark.card'))
-  --color-text: convert(hexo-config('color_scheme.dark.text'))
-
-  --color-block: convert(hexo-config('color_scheme.dark.block'))
-  --color-codeblock: convert(hexo-config('color_scheme.dark.codeblock'))
-  --color-inlinecode: convert(hexo-config('color_scheme.dark.inlinecode'))
-  --color-h1: convert(hexo-config('color_scheme.dark.h1'))
-  --color-h2: convert(hexo-config('color_scheme.dark.h2'))
-  --color-h3: convert(hexo-config('color_scheme.dark.h3'))
-  --color-h4: convert(hexo-config('color_scheme.dark.h4'))
-  --color-h5: convert(hexo-config('color_scheme.dark.h5'))
-  --color-h6: convert(hexo-config('color_scheme.dark.h6'))
-  --color-p: convert(hexo-config('color_scheme.dark.p'))
-  --color-list: convert(hexo-config('color_scheme.dark.list'))
-  --color-list-hl: convert(hexo-config('color_scheme.dark.list_hl'))
-  --color-meta: convert(hexo-config('color_scheme.dark.meta'))
-  --color-link: convert(hexo-config('color_scheme.dark.meta'))

package/source/css/_first/base_first.styl

@@ -0,0 +1,118 @@
+:root
+  --color-site-body: $color-site-bg
+  --color-site-bg: $color-site-bg
+  --color-site-inner: $color-site-inner
+  --color-site-footer: $color-site-footer
+  --color-card: $color-card
+  --color-text: $color-text
+  --color-block: $color-block
+  --color-inlinecode: $color-inlinecode
+  --color-codeblock: $color-codeblock
+  --color-h1: $color-h1
+  --color-h2: $color-h2
+  --color-h3: $color-h3
+  --color-h4: $color-h4
+  --color-h5: $color-h5
+  --color-h6: $color-h6
+  --color-p: $color-p
+  --color-list: $color-list
+  --color-list-hl: $color-list-hl
+  --color-meta: $color-meta
+  --color-read-bkg: $color-read-bkg
+  --color-read-post: $color-read-post
+
+*
+  box-sizing: border-box
+  outline: none
+  margin: 0
+  padding: 0
+  scrollbar()
+
+html
+  color: var(--color-text)
+  width: 100%
+  height: 100%
+  font-family: $fontfamily
+  font-size: $fontsize-root
+  >
+    if hexo-config('custom_css.scrollbar.size')
+      scrollbar(convert(hexo-config('custom_css.scrollbar.size')), convert(hexo-config('custom_css.scrollbar.border')) || 0px)
+
+body
+  background-color: var(--color-site-body)
+  text-rendering: optimizelegibility
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+  line-height: $lineheight
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+  &.modal-active
+    overflow: hidden
+    @media screen and (max-width: $modal-threshold)
+      position: fixed
+      top: 0
+      right: 0
+      bottom: 0
+      left: 0
+
+a
+  color: $color-link
+  cursor: pointer
+  text-decoration: none
+  trans()
+  &:hover
+    color: $color-hover
+  &:active,&:hover
+    outline: 0
+
+ul,ol
+  padding-left: 0
+  li
+    list-style: none
+
+header
+  display: block
+
+img
+  border: 0
+  background: none
+  max-width: 100%
+
+svg:not(:root)
+  overflow: hidden
+
+hr
+  -moz-box-sizing: content-box
+  box-sizing: content-box
+  height: 0
+  border: 0
+  border-radius: 1px
+  border-bottom: 1px solid alpha($color-text, .1)
+
+button,input
+  color: inherit
+  font: inherit
+  margin: 0
+
+button
+  overflow: visible
+  text-transform: none
+  -webkit-appearance: button
+  cursor: pointer
+
+
+.blur
+  @supports (backdrop-filter: blur(20px))
+    background: alpha($color-card, .9) !important
+    backdrop-filter: saturate(200%) blur(20px)
+
+if hexo-config('comments.service')=='discuss' || hexo-config('comments.service')=='twikoo' || hexo-config('comments.service')=='waline'
+  .blur#comments
+    @supports (backdrop-filter: blur(20px))
+      backdrop-filter: unset
+
+.shadow
+  box-shadow: $boxshadow-card
+  &.floatable
+    trans()
+    &:hover
+      box-shadow: $boxshadow-card-float