loppo-theme-doc 1.0.0

package/README.md

@@ -0,0 +1 @@
+文档页面的默认主题。

package/index.js

@@ -0,0 +1,3 @@
+var path = require('path');
+
+module.exports = path.resolve(__dirname, `theme`);

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "loppo-theme-doc",
+  "version": "1.0.0",
+  "description": "a theme of Loppo",
+  "main": "index.js",
+  "scripts": {
+    "clean-css": "rm -rf ./theme/assets/css/*",
+    "build-css": "npm run clean-css && npm run build-sass && npm run build-postcss",
+    "build-postcss": "postcss --output theme/assets/css/app.min.css theme/assets/css/app.css",
+    "build-sass": "sass --style expanded --load-path=node_modules sass/wangdoc.sass theme/assets/css/app.css",
+    "build-js": "mkdir -p theme/assets/js && browserify -g uglifyify scripts/index.js > theme/assets/js/app.js",
+    "build": "npm run build-css && npm run build-js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "loppo",
+    "theme",
+    "template"
+  ],
+  "homepage": "https://github.com/foryoufeng/loppo-theme-doc",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/foryoufeng/loppo-theme-doc"
+  },
+  "author": "foryoufeng",
+  "license": "MIT",
+  "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^6.0.0",
+    "browserify": "17.x",
+    "bulma": "1.x",
+    "cssnano": "^7.0.1",
+    "postcss": "^8.3.6",
+    "postcss-cli": "11.x",
+    "postcss-prune-var": "^1.1.2",
+    "postcss-variable-compress": "^3.0.0",
+    "sass": "1.x",
+    "uglifyify": "^5.0.1"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,22 @@
+const purgecss = require('@fullhuman/postcss-purgecss');
+const cssnano = require('cssnano');
+const pruneVar = require('postcss-prune-var');
+const varCompress = require('postcss-variable-compress');
+
+module.exports = {
+  map: true,
+  plugins: [
+    purgecss({
+      // file paths to your contents to remove unused styles. 
+      // content: ['js/my.js','*.php'],
+      // other wise our aria-selected is removed (like with purgecss online)
+      content : [ './theme/*.template' ],
+      safelist: ['main', 'container', 'article', 'nav', 'navbar', 'a', 'hljs', 'pre', 'code', 'h1', 'h2', 'h3', 'has-dropdown', 'is-hoverable', /^article-/, /^page-/, /^menu-/, /^nav-/, /^navbar-/, /^icon-/, /^hljs-/, /^social-/, /^share-/, /^wechat-/],
+    }),
+    pruneVar(), // remove unused css variables
+    varCompress(), // compress css variables
+    cssnano({
+      preset: 'default',
+    }),
+  ],
+}

package/sass/generic.scss

@@ -0,0 +1,140 @@
+html {
+  background-color: hsl(0, 0%, 100%);
+  font-size: 16px;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  min-width: 300px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  text-rendering: optimizeLegibility;
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+  display: block;
+}
+
+body,
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+}
+
+code,
+pre {
+  -moz-osx-font-smoothing: auto;
+  -webkit-font-smoothing: auto;
+  font-family: monospace;
+}
+
+body {
+  color: hsl(0, 0%, 29%);
+  font-size: 1em;
+  font-weight: 400;
+  line-height: 1.5;
+}
+
+a {
+  color: hsl(229, 53%, 53%);
+  cursor: pointer;
+  text-decoration: none;
+}
+a strong {
+  color: currentColor;
+}
+a:hover {
+  color: hsl(0, 0%, 21%);
+}
+
+code {
+  background-color: hsl(0, 0%, 96%);
+  color: #da1039;
+  font-size: 0.875em;
+  font-weight: normal;
+  padding: 0.25em 0.5em 0.25em;
+}
+
+hr {
+  background-color: hsl(0, 0%, 96%);
+  border: none;
+  display: block;
+  height: 2px;
+  margin: 1.5rem 0;
+}
+
+img {
+  height: auto;
+  max-width: 100%;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  vertical-align: baseline;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+span {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+strong {
+  color: hsl(0, 0%, 21%);
+  font-weight: 700;
+}
+
+fieldset {
+  border: none;
+}
+
+pre {
+  -webkit-overflow-scrolling: touch;
+  background-color: hsl(0, 0%, 96%);
+  color: hsl(0, 0%, 29%);
+  font-size: 0.875em;
+  overflow-x: auto;
+  padding: 1.25rem 1.5rem;
+  white-space: pre;
+  word-wrap: normal;
+}
+pre code {
+  background-color: transparent;
+  color: currentColor;
+  font-size: 1em;
+  padding: 0;
+}
+
+table td,
+table th {
+  vertical-align: top;
+}
+table td:not([align]),
+table th:not([align]) {
+  text-align: inherit;
+}
+table th {
+  color: hsl(0, 0%, 21%);
+}
+
+@keyframes spinAround {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}

package/sass/highlight.sass

@@ -0,0 +1,198 @@
+.hljs
+  margin-bottom: 1rem
+  border-radius: 0.5rem
+  overflow: auto
+  display: block
+  overflow-x: auto
+  padding: 0.5em
+  background: #23241f
+  code
+    background: #23241f
+    color: #f8f8f2
+    direction: ltr
+    font-family: Consolas,"Courier New",Courier,FreeMono,monospace
+
+.hljs,
+.hljs-tag,
+.hljs-subst
+  color: #f8f8f2
+
+.hljs-strong,
+.hljs-emphasis
+  color: #a8a8a2
+
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-link
+  color: #ae81ff
+
+.hljs-code,
+.hljs-title,
+.hljs-section,
+.hljs-selector-class
+  color: #a6e22e
+
+.hljs-strong
+  font-weight: bold
+
+.hljs-emphasis
+  font-style: italic
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-attr
+  color: #f92672
+
+.hljs-symbol,
+.hljs-attribute
+  color: #66d9ef
+
+.hljs-params,
+.hljs-class .hljs-title
+  color: #f8f8f2
+
+.hljs-string,
+.hljs-type,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-variable
+  color: #e6db74
+
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta
+  color: #57A64A
+
+.hljs
+  background-color: #23241f
+  color: #586e75
+  .c
+    color: #93a1a1
+  .err,
+  .g
+    color: #586e75
+  .k
+    color: #859900
+  .l,
+  .n
+    color: #586e75
+  .o
+    color: #859900
+  .x
+    color: #cb4b16
+  .p
+    color: #586e75
+  .cm
+    color: #93a1a1
+  .cp
+    color: #859900
+  .c1
+    color: #93a1a1
+  .cs
+    color: #859900
+  .gd
+    color: #2aa198
+  .ge
+    color: #586e75
+    font-style: italic
+  .gr
+    color: #dc322f
+  .gh
+    color: #cb4b16
+  .gi
+    color: #859900
+  .go,
+  .gp
+    color: #586e75
+  .gs
+    color: #586e75
+    font-weight: bold
+  .gu
+    color: #cb4b16
+  .gt
+    color: #586e75
+  .kc
+    color: #cb4b16
+  .kd
+    color: #268bd2
+  .kn,
+  .kp
+    color: #859900
+  .kr
+    color: #268bd2
+  .kt
+    color: #dc322f
+  .ld
+    color: #586e75
+  .m,
+  .s
+    color: #2aa198
+  .na
+    color: #B58900
+  .nb
+    color: #586e75
+  .nc
+    color: #268bd2
+  .no
+    color: #cb4b16
+  .nd
+    color: #268bd2
+  .ni,
+  .ne
+    color: #cb4b16
+  .nf
+    color: #268bd2
+  .nl,
+  .nn,
+  .nx,
+  .py
+    color: #586e75
+  .nt,
+  .nv
+    color: #268bd2
+  .ow
+    color: #859900
+  .w
+    color: #586e75
+  .mf,
+  .mh,
+  .mi,
+  .mo
+    color: #2aa198
+  .sb
+    color: #93a1a1
+  .sc
+    color: #2aa198
+  .sd
+    color: #586e75
+  .s2
+    color: #2aa198
+  .se
+    color: #cb4b16
+  .sh
+    color: #586e75
+  .si,
+  .sx
+    color: #2aa198
+  .sr
+    color: #dc322f
+  .s1,
+  .ss
+    color: #2aa198
+  .bp,
+  .vc,
+  .vg,
+  .vi
+    color: #268bd2
+  .il
+    color: #2aa198
+

package/sass/highlight.sass.vs2015

@@ -0,0 +1,91 @@
+/*
+ * Visual Studio 2015 dark style
+ * Author: Nicolas LLOBERA <nllobera@gmail.com>
+ */
+
+.hljs
+  background: #1E1E1E
+  color: #DCDCDC
+
+
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name
+  color: #569CD6
+
+.hljs-link
+  color: #569CD6
+  text-decoration: underline
+
+.hljs-built_in,
+.hljs-type
+  color: #4EC9B0
+
+.hljs-number,
+.hljs-class
+  color: #B8D7A3
+
+.hljs-string,
+.hljs-meta .hljs-string
+  color: #D69D85
+
+.hljs-regexp,
+.hljs-template-tag
+  color: #9A5334
+
+.hljs-subst,
+.hljs-function,
+.hljs-title,
+.hljs-params,
+.hljs-formula
+  color: #DCDCDC
+
+.hljs-comment,
+.hljs-quote
+  color: #57A64A
+  font-style: italic
+
+.hljs-doctag
+  color: #608B4E
+
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-tag
+  color: #9B9B9B
+
+.hljs-variable,
+.hljs-template-variable
+  color: #BD63C5
+
+.hljs-attr,
+.hljs-attribute
+  color: #9CDCFE
+
+.hljs-section
+  color: gold
+
+.hljs-emphasis
+  font-style: italic
+
+.hljs-strong
+  font-weight: bold
+
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo
+  color: #D7BA7D
+
+.hljs-addition
+  background-color: #144212
+  display: inline-block
+  width: 100%
+
+.hljs-deletion
+  background-color: #600
+  display: inline-block
+  width: 100%
+

package/sass/social.scss

@@ -0,0 +1,144 @@
+/* purgecss start ignore */
+@font-face {font-family: "socialshare";
+  src: url('../fonts/iconfont.eot'); /* IE9*/
+  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
+  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.social-share {
+  font-family:"socialshare" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+   * {
+    font-family:"socialshare" !important;
+  }
+  .icon-tencent:before { content: "\f07a"; }
+  .icon-qq:before { content: "\f11a"; }
+  .icon-weibo:before { content: "\f12a"; }
+  .icon-wechat:before { content: "\f09a"; }
+  .icon-douban:before { content: "\f10a"; }
+  .icon-heart:before { content: "\f20a"; }
+  .icon-like:before { content: "\f00a"; }
+  .icon-qzone:before { content: "\f08a"; }
+  .icon-linkedin:before { content: "\f01a"; }
+  .icon-diandian:before { content: "\f05a"; }
+  .icon-facebook:before { content: "\f03a"; }
+  .icon-google:before { content: "\f04a"; }
+  .icon-twitter:before { content: "\f06a"; }
+
+  a {
+    position:relative;
+    text-decoration:none;
+    margin: 4px;
+    display:inline-block;
+    outline: none;
+    cursor: pointer !important;
+  }
+
+  .social-share-icon {
+    position:relative;
+    display:inline-block;
+    width: 32px;
+    height: 32px;
+    font-size: 20px;
+    border-radius: 50%;
+    line-height: 32px;
+    border:1px solid #666;
+    color: #666;
+    text-align: center;
+    vertical-align: middle;
+    transition: background 0.6s ease-out 0s;
+
+    &:hover{
+      background: #666;
+      color: #fff;
+    }
+  }
+
+  .icon-weibo{
+    color:#ff763b;border-color:#ff763b;
+    &:hover{
+      background:#ff763b;
+    }
+  }
+  .icon-tencent{
+    color:#56b6e7;border-color:#56b6e7;
+    &:hover{
+      background:#56b6e7;
+    }
+  }
+  .icon-qq{
+    color:#56b6e7;border-color:#56b6e7;
+    &:hover{
+      background:#56b6e7;
+    }
+  }
+  .icon-qzone{
+    color:#FDBE3D;border-color:#FDBE3D;
+    &:hover{
+      background:#FDBE3D;
+    }
+  }
+  .icon-douban{
+    color:#33b045;border-color:#33b045;
+    &:hover{
+      background:#33b045;
+    }
+  }
+  .icon-linkedin{
+    color:#0077B5;border-color:#0077B5;
+    &:hover{
+      background:#0077B5;
+    }
+  }
+  .icon-facebook {
+    color:#44619D;border-color:#44619D;
+    &:hover{
+      background:#44619D;
+    }
+  }
+  .icon-google {
+    color:#db4437;border-color:#db4437;
+    &:hover{
+      background:#db4437;
+    }
+  }
+  .icon-twitter {
+    color:#55acee;border-color:#55acee;
+    &:hover{
+      background:#55acee;
+    }
+  }
+  .icon-diandian {color:#307DCA; border-color:#307DCA;
+
+    &:hover{
+      background:#307DCA;
+    }
+  }
+  .icon-wechat{
+    position:relative;color:#7bc549;border-color:#7bc549;
+    &:hover{
+      background:#7bc549;
+    }
+  }
+  .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
+  .icon-wechat .wechat-qrcode.bottom {
+    top:40px;
+    left:-84px;
+    &:after {
+      display:none;
+    }
+  }
+  .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
+  .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
+  .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
+  .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
+  .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
+  .icon-wechat:hover .wechat-qrcode{display: block;}
+}
+/* purgecss end ignore */