feat: publicize doc implemetation
This commit is contained in:
Justineo
8
assets/README.md
Normal file
8
assets/README.md
Normal file
@@ -0,0 +1,8 @@
|
||||
# ASSETS
|
||||
|
||||
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
|
||||
|
||||
More information about the usage of this directory in the documentation:
|
||||
https://nuxtjs.org/guide/assets#webpacked
|
||||
|
||||
**This directory is not required, you can delete it if you don't want to use it.**
|
||||
103
assets/styles/global.styl
Normal file
103
assets/styles/global.styl
Normal file
@@ -0,0 +1,103 @@
|
||||
// only enable on Retina displays
|
||||
@media screen and (min-resolution 2dppx)
|
||||
html
|
||||
-webkit-font-smoothing antialiased
|
||||
-moz-osx-font-smoothing grayscale
|
||||
|
||||
|
||||
|
||||
*
|
||||
*::before
|
||||
*::after
|
||||
box-sizing border-box
|
||||
|
||||
html
|
||||
font-weight 400
|
||||
color #333
|
||||
scroll-behavior smooth
|
||||
|
||||
html
|
||||
body
|
||||
#__nuxt
|
||||
#__layout
|
||||
height 100%
|
||||
|
||||
body
|
||||
margin-left 240px
|
||||
|
||||
button
|
||||
input
|
||||
font inherit
|
||||
color inherit
|
||||
|
||||
a:focus
|
||||
outline none
|
||||
|
||||
main
|
||||
line-height 1.5
|
||||
|
||||
menu
|
||||
margin 0
|
||||
padding 0
|
||||
|
||||
.menu-item
|
||||
list-style none
|
||||
line-height 1
|
||||
|
||||
.menu-link
|
||||
display block
|
||||
position relative
|
||||
text-decoration none
|
||||
cursor default
|
||||
|
||||
a&
|
||||
cursor pointer
|
||||
|
||||
&::after
|
||||
content ""
|
||||
position absolute
|
||||
bottom 2px
|
||||
left 50%
|
||||
width 0
|
||||
height 2px
|
||||
transition width 0.2s, left 0.2s
|
||||
|
||||
a&:focus::after
|
||||
a&:hover::after
|
||||
width 100%
|
||||
left 0
|
||||
|
||||
.algolia-autocomplete
|
||||
.algolia-docsearch-suggestion--title:last-child
|
||||
margin-bottom 0
|
||||
|
||||
.ds-dropdown-menu
|
||||
&
|
||||
& [class^=ds-dataset-]
|
||||
border-radius 3px
|
||||
|
||||
&::before
|
||||
width 10px
|
||||
height 10px
|
||||
top -4px
|
||||
|
||||
.ds-suggestion.ds-cursor .algolia-docsearch-suggestion
|
||||
&.suggestion-layout-simple
|
||||
&:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content
|
||||
background-color #f8f8f8
|
||||
|
||||
.algolia-docsearch-suggestion--category-header
|
||||
font-size 14px
|
||||
|
||||
.algolia-docsearch-suggestion--subcategory-column
|
||||
font-size 12px
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
text-overflow ellipsis
|
||||
|
||||
.algolia-docsearch-suggestion--highlight
|
||||
color #fff
|
||||
background-color #111
|
||||
|
||||
.algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight
|
||||
box-shadow inset 0 -2px 0 0 #111
|
||||
50
assets/styles/mermaid-cli.css
Normal file
50
assets/styles/mermaid-cli.css
Normal file
@@ -0,0 +1,50 @@
|
||||
svg {
|
||||
font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
svg .label {
|
||||
color: #333;
|
||||
}
|
||||
svg .node rect,
|
||||
svg .node circle,
|
||||
svg .node ellipse,
|
||||
svg .node polygon {
|
||||
fill: #eee;
|
||||
stroke: #999;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
svg .node.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
svg .arrowheadPath {
|
||||
fill: #333;
|
||||
}
|
||||
svg .edgePath .path {
|
||||
stroke: #666;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
svg .edgeLabel {
|
||||
background-color: #fff;
|
||||
}
|
||||
svg .cluster rect {
|
||||
fill: #eaf2fb !important;
|
||||
stroke: #26a !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
svg .cluster text {
|
||||
fill: #333;
|
||||
}
|
||||
svg div.mermaidTooltip {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
max-width: 200px;
|
||||
padding: 2px;
|
||||
font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
|
||||
font-size: 12px;
|
||||
background: #eaf2fb;
|
||||
border: 1px solid #26a;
|
||||
border-radius: 2px;
|
||||
pointer-events: none;
|
||||
z-index: 100;
|
||||
}
|
||||
50
assets/styles/mermaid.css
Normal file
50
assets/styles/mermaid.css
Normal file
@@ -0,0 +1,50 @@
|
||||
.mermaid {
|
||||
font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mermaid .label {
|
||||
color: #333;
|
||||
}
|
||||
.mermaid .node rect,
|
||||
.mermaid .node circle,
|
||||
.mermaid .node ellipse,
|
||||
.mermaid .node polygon {
|
||||
fill: #eee;
|
||||
stroke: #999;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
.mermaid .node.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.mermaid .arrowheadPath {
|
||||
fill: #333;
|
||||
}
|
||||
.mermaid .edgePath .path {
|
||||
stroke: #666;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
.mermaid .edgeLabel {
|
||||
background-color: #fff;
|
||||
}
|
||||
.mermaid .cluster rect {
|
||||
fill: #eaf2fb !important;
|
||||
stroke: #26a !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
.mermaid .cluster text {
|
||||
fill: #333;
|
||||
}
|
||||
.mermaid div.mermaidTooltip {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
max-width: 200px;
|
||||
padding: 2px;
|
||||
font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
|
||||
font-size: 12px;
|
||||
background: #eaf2fb;
|
||||
border: 1px solid #26a;
|
||||
border-radius: 2px;
|
||||
pointer-events: none;
|
||||
z-index: 100;
|
||||
}
|
||||
306
assets/styles/post.styl
Normal file
306
assets/styles/post.styl
Normal file
@@ -0,0 +1,306 @@
|
||||
@import "~highlight.js/styles/atom-one-dark.css"
|
||||
@import "./mermaid.css"
|
||||
|
||||
margin-y($top, $bottom = $top)
|
||||
margin-top $top
|
||||
margin-bottom $bottom
|
||||
|
||||
.post
|
||||
padding 30px 60px
|
||||
font-size 14px
|
||||
line-height 1.8
|
||||
color #666
|
||||
font-weight 400
|
||||
hyphens auto
|
||||
|
||||
.post-layout &
|
||||
min-height 100%
|
||||
margin-bottom -192px
|
||||
|
||||
&::after
|
||||
content ""
|
||||
display block
|
||||
height 192px
|
||||
|
||||
.post-layout.no-links &
|
||||
margin-bottom -58px
|
||||
|
||||
.no-links &::after
|
||||
height 58px
|
||||
|
||||
h1
|
||||
margin-y(0, 1.25em)
|
||||
font-size 36px
|
||||
|
||||
small
|
||||
vertical-align 0.1em
|
||||
color #999
|
||||
|
||||
h2
|
||||
margin-y(1.3em, 1.2em)
|
||||
font-size 30px
|
||||
|
||||
&::before
|
||||
content "#"
|
||||
margin-right 5px
|
||||
color #ccc
|
||||
|
||||
& + h3
|
||||
margin-top 2em
|
||||
|
||||
h3
|
||||
margin-y(1.25em, 1.15em)
|
||||
font-size 24px
|
||||
|
||||
h4
|
||||
margin-y(1.15em, 1.1em)
|
||||
font-size 18px
|
||||
|
||||
h5
|
||||
margin-y(1.05em)
|
||||
font-size 14px
|
||||
|
||||
h6
|
||||
margin-y(1em)
|
||||
font-size 12px
|
||||
|
||||
h1
|
||||
h2
|
||||
h3
|
||||
font-weight 500
|
||||
clear both
|
||||
|
||||
h1
|
||||
h2
|
||||
h3
|
||||
h4
|
||||
h5
|
||||
h6
|
||||
color #333
|
||||
line-height 1
|
||||
|
||||
br
|
||||
clear both
|
||||
|
||||
p
|
||||
margin-y(0.5em)
|
||||
|
||||
ul
|
||||
ol
|
||||
padding-left 1.5em
|
||||
|
||||
blockquote
|
||||
margin 1em 0
|
||||
padding-left 1em
|
||||
border-left 5px solid #f1f1f1
|
||||
color #999
|
||||
|
||||
table
|
||||
width 100%
|
||||
border-collapse collapse
|
||||
border 1px solid #f1f1f1
|
||||
border-style none solid
|
||||
margin-y(1.5em)
|
||||
|
||||
pre
|
||||
table
|
||||
max-width 480px
|
||||
|
||||
th
|
||||
td
|
||||
min-width 90px
|
||||
padding 7px 14px
|
||||
border 1px solid #f1f1f1
|
||||
border-style solid none
|
||||
text-align left
|
||||
|
||||
& > :first-child
|
||||
margin-top 5px
|
||||
|
||||
& > :last-child
|
||||
margin-bottom 5px
|
||||
|
||||
pre
|
||||
padding 10px 15px
|
||||
|
||||
table
|
||||
margin-y(0.2em, 0.5em)
|
||||
|
||||
td:first-child
|
||||
white-space nowrap
|
||||
|
||||
a:link
|
||||
a:visited
|
||||
&:not([class^="veui-"])
|
||||
text-decoration none
|
||||
color #3998fc
|
||||
transition color 0.2s
|
||||
|
||||
&:hover
|
||||
color #3389e3
|
||||
|
||||
&:active
|
||||
color #2e7aca
|
||||
|
||||
code
|
||||
padding 2px 4px
|
||||
background-color rgba(0, 0, 0, 0.024)
|
||||
font-size 90%
|
||||
overflow visible
|
||||
hyphens none
|
||||
font-family Menlo, consolas, monospace
|
||||
|
||||
hr
|
||||
height 1px
|
||||
margin 2em 0
|
||||
padding 0
|
||||
background-color #eff0f1
|
||||
border 0
|
||||
clear both
|
||||
|
||||
figure
|
||||
float right
|
||||
width 60%
|
||||
margin 0 0 30px 20px
|
||||
|
||||
& + h1
|
||||
& + h2
|
||||
& + h3
|
||||
& + h4
|
||||
& + h5
|
||||
& + h6
|
||||
margin-top 0
|
||||
|
||||
img
|
||||
display block
|
||||
margin auto
|
||||
|
||||
.preview
|
||||
padding 20px
|
||||
overflow hidden
|
||||
border 1px solid #e5e5e5
|
||||
transition box-shadow 0.2s
|
||||
cursor pointer
|
||||
text-align center
|
||||
|
||||
&:hover
|
||||
box-shadow 0 0 5px rgba(0, 0, 0, 0.2)
|
||||
|
||||
&.hero
|
||||
width 100%
|
||||
float none
|
||||
|
||||
figcaption
|
||||
margin-top 10px
|
||||
font-size 12px
|
||||
|
||||
p
|
||||
margin 0
|
||||
line-height 20px
|
||||
|
||||
.caption
|
||||
font-weight 500
|
||||
|
||||
.desc
|
||||
color #999
|
||||
|
||||
.comparison
|
||||
float right
|
||||
width 60%
|
||||
margin 0 0 30px 20px
|
||||
|
||||
figure
|
||||
width calc(50% - 5px)
|
||||
margin 0
|
||||
|
||||
.good
|
||||
float left
|
||||
|
||||
.bad
|
||||
float right
|
||||
|
||||
.caption
|
||||
color #ff5b5b
|
||||
|
||||
img
|
||||
max-width 100%
|
||||
max-height 100%
|
||||
|
||||
pre
|
||||
border 1px solid #eee
|
||||
padding 30px
|
||||
background-color #f9f9f9
|
||||
white-space pre
|
||||
overflow auto
|
||||
|
||||
code
|
||||
background-color transparent
|
||||
padding 0
|
||||
|
||||
var
|
||||
font-family "PT Serif", Georgia, serif
|
||||
|
||||
kbd
|
||||
display inline-block
|
||||
padding 3px 5px 6px
|
||||
font-size 90%
|
||||
line-height 10px
|
||||
color #444d56
|
||||
vertical-align 1px
|
||||
background-color #fafbfc
|
||||
border solid 1px #c6cbd1
|
||||
border-bottom-color #959da5
|
||||
border-radius 3px
|
||||
box-shadow inset 0 -1px 0 #959da5
|
||||
|
||||
.custom-block
|
||||
border 1px solid
|
||||
margin 1em 0
|
||||
padding 0.75em 1em
|
||||
|
||||
& > :first-child
|
||||
margin-top 0
|
||||
|
||||
& > :last-child
|
||||
margin-bottom 0
|
||||
|
||||
.alert
|
||||
.warning
|
||||
.tip
|
||||
font-size 13px
|
||||
|
||||
.alert
|
||||
border-color #fee
|
||||
background-color tint(#fee, 50%)
|
||||
|
||||
.warning
|
||||
border-color #fef4e6
|
||||
background-color tint(#fef4e6, 50%)
|
||||
|
||||
.tip
|
||||
border-color #d8ebff
|
||||
background-color tint(#d8ebff, 50%)
|
||||
|
||||
.badges
|
||||
border none
|
||||
padding 0
|
||||
|
||||
code
|
||||
padding 2px 3px
|
||||
background #333
|
||||
border-radius 3px
|
||||
color #fff
|
||||
font-size 80%
|
||||
|
||||
.oss-badges
|
||||
border none
|
||||
padding 0
|
||||
|
||||
a
|
||||
margin-right 10px
|
||||
|
||||
.one-demo
|
||||
margin 1em 0 1.25em
|
||||
|
||||
.one-details
|
||||
margin-bottom 5px
|
||||
Reference in New Issue
Block a user