Hotfix/update-style-and-hooks (#903)

* feat: update style and hooks

* feat: update style and hooks

.circleci/config.yml

@@ -8,7 +8,7 @@ jobs:
       - checkout
       - run: git submodule sync
       - run: git submodule update --init
-      - run: hugo --source=exampleSite -v --gc
+      - run: hugo --source exampleSite --gc --minify --environment production
       - run: htmlproofer exampleSite/public --disable-external true --ignore-missing-alt true
 
 workflows:

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/zsh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run build && npm run copy && git add resources assets/js
+npm run compile && npm run compile-lunr-segmentit && npm run hugo-production && npm run copy-resources && git add resources assets

assets/css/_page/_index.scss

@@ -1,5 +1,6 @@
 .page {
   position: relative;
+  max-width: 1080px;
   width: 64%;
   margin: 0 auto;
 

assets/lib/valine/valine.scss

@@ -29,6 +29,20 @@ $code-background-color-dark: #272C34 !default;
   tab-size: $value;
 }
 
+@mixin transition($values...) {
+  -webkit-transition: $values;
+  -moz-transition: $values;
+  -o-transition: $values;
+  transition: $values;
+}
+
+@mixin transform($value) {
+  -webkit-transform: $value;
+  -ms-transform: $value;
+  -o-transform: $value;
+  transform: $value;
+}
+
 .v[data-class=v] {
   .vcards .vcard .vcontent.expand {
     &::before, &::after {
@@ -66,23 +80,19 @@ $code-background-color-dark: #272C34 !default;
     max-width: 1.5em;
     vertical-align: text-bottom;
   }
-}
 
-// fix valine.js inside css will be override pulse animate for page title
-@keyframes pulse {
+  // fix valine.js inside css will be override pulse animate for page title
+  @keyframes pulse {
     0% {
-        -webkit-transform: scaleX(1);
-        transform: scaleX(1)
+      @include transform(scaleX(1));
     }
 
     50% {
-        -webkit-transform: scale3d(1.05, 1.05, 1.05);
-        transform: scale3d(1.05, 1.05, 1.05)
+      @include transform(scale3d(1.05, 1.05, 1.05));
     }
 
     to {
-        -webkit-transform: scaleX(1);
-        transform: scaleX(1)
+      @include transform(scaleX(1));
     }
+  }
 }
-

package.json

@@ -1,6 +1,6 @@
 {
   "name": "loveit-src",
-  "version": "0.2.0",
+  "version": "0.2.11",
   "description": "LoveIt theme source file",
   "private": true,
   "devDependencies": {
@@ -16,14 +16,15 @@
   },
   "scripts": {
     "preinstall": "npx npm-force-resolutions",
-    "babel": "npx babel src/js --out-file assets/js/theme.js",
-    "build": "npm run babel && hugo --source=exampleSite --themesDir ../.. --gc",
-    "build-lunr-segmentit": "browserify src/lib/lunr/lunr.segmentit.js -o assets/lib/lunr/lunr.segmentit.js -t babelify --presets @babel/preset-env",
-    "start": "npm run babel && hugo server --source=exampleSite --themesDir ../.. -D --disableFastRender",
-    "start-production": "npm run babel && hugo server --source=exampleSite --themesDir ../.. -D --disableFastRender -e production",
-    "check": "htmlproofer exampleSite/public --check-html --allow-hash-href --empty-alt-ignore --disable-external",
-    "copy": "rm -rf resources && cp -rf exampleSite/resources resources",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "compile": "npx babel src/js --out-file assets/js/theme.js",
+    "compile-lunr-segmentit": "browserify src/lib/lunr/lunr.segmentit.js -o assets/lib/lunr/lunr.segmentit.js -t babelify --presets @babel/preset-env",
+    "hugo": "hugo --source exampleSite --buildDrafts --gc",
+    "hugo-production": "hugo --source exampleSite --gc --minify --environment production",
+    "hugo-server": "hugo server --source exampleSite --buildDrafts --disableFastRender",
+    "hugo-server-production": "hugo server --source exampleSite --minify --disableFastRender --environment production",
+    "htmlproofer": "htmlproofer exampleSite/public --disable-external true --ignore-missing-alt true",
+    "copy-resources": "cp -rf exampleSite/resources ."
   },
   "repository": {
     "type": "git",

resources/_gen/assets/lib/valine/valine.scss_b717925ff708a11c5ab1d6426462a4af.content

@@ -1 +1 @@
-.v[data-class=v] .vcards .vcard .vcontent.expand::before,.v[data-class=v] .vcards .vcard .vcontent.expand::after{z-index:50}.v[data-class=v] .vwrap,.v[data-class=v] .vwrap .vheader .vinput,.v[data-class=v] .vcards .vcard .vh,.v[data-class=v] .vcards .vcard .vquote,.v[data-class=v] blockquote{border-color:#f0f0f0}[theme=dark] .v[data-class=v] .vwrap,[theme=dark] .v[data-class=v] .vwrap .vheader .vinput,[theme=dark] .v[data-class=v] .vcards .vcard .vh,[theme=dark] .v[data-class=v] .vcards .vcard .vquote,[theme=dark] .v[data-class=v] blockquote{border-color:#363636}.v[data-class=v] code,.v[data-class=v] pre,.v[data-class=v] pre code{font-size:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-line-break:anywhere;-ms-line-break:anywhere;line-break:anywhere;-moz-tab-size:4;-o-tab-size:4;tab-size:4;color:#E74C3C;background:#f5f5f5}[theme=dark] .v[data-class=v] code,[theme=dark] .v[data-class=v] pre,[theme=dark] .v[data-class=v] pre code{color:#E5BF78;background:#272C34}.v[data-class=v] .emoji,.v[data-class=v] .vemoji{max-width:1.5em;vertical-align:text-bottom}
+.v[data-class=v] .vcards .vcard .vcontent.expand::before,.v[data-class=v] .vcards .vcard .vcontent.expand::after{z-index:50}.v[data-class=v] .vwrap,.v[data-class=v] .vwrap .vheader .vinput,.v[data-class=v] .vcards .vcard .vh,.v[data-class=v] .vcards .vcard .vquote,.v[data-class=v] blockquote{border-color:#f0f0f0}[theme=dark] .v[data-class=v] .vwrap,[theme=dark] .v[data-class=v] .vwrap .vheader .vinput,[theme=dark] .v[data-class=v] .vcards .vcard .vh,[theme=dark] .v[data-class=v] .vcards .vcard .vquote,[theme=dark] .v[data-class=v] blockquote{border-color:#363636}.v[data-class=v] code,.v[data-class=v] pre,.v[data-class=v] pre code{font-size:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-line-break:anywhere;-ms-line-break:anywhere;line-break:anywhere;-moz-tab-size:4;-o-tab-size:4;tab-size:4;color:#E74C3C;background:#f5f5f5}[theme=dark] .v[data-class=v] code,[theme=dark] .v[data-class=v] pre,[theme=dark] .v[data-class=v] pre code{color:#E5BF78;background:#272C34}.v[data-class=v] .emoji,.v[data-class=v] .vemoji{max-width:1.5em;vertical-align:text-bottom}@keyframes pulse{0%{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);-ms-transform:scale3d(1.05, 1.05, 1.05);-o-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}}