mirror of
https://github.com/harttle/liquidjs.git
synced 2026-09-20 15:00:42 -07:00
docs: website for LiquidJS
This commit is contained in:
harttle
+53
@@ -0,0 +1,53 @@
|
||||
global-reset()
|
||||
|
||||
html
|
||||
box-sizing: border-box
|
||||
|
||||
*, *:before, *:after
|
||||
box-sizing: inherit
|
||||
|
||||
button
|
||||
input[type="reset"]
|
||||
input[type="button"]
|
||||
input[type="submit"]
|
||||
&::-moz-focus-inner
|
||||
padding: 0
|
||||
margin: 0
|
||||
border: 0
|
||||
|
||||
input, button, select
|
||||
margin: 0
|
||||
padding: 0
|
||||
border: 0
|
||||
|
||||
body
|
||||
background: color-navy
|
||||
font-size: font-size
|
||||
font-family: font-sans
|
||||
color: color-default
|
||||
text-rendering: optimizeLegibility
|
||||
-webkit-font-smoothing: antialiased
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
overflow-x: hidden
|
||||
|
||||
@media screen and (max-device-width: 480px)
|
||||
body
|
||||
-webkit-text-size-adjust: none;
|
||||
|
||||
.wrapper
|
||||
@media screen
|
||||
max-width: max-width
|
||||
margin: 0 auto
|
||||
|
||||
.inner
|
||||
@media screen
|
||||
padding: 0 gutter-width
|
||||
|
||||
#content-wrap
|
||||
background: #fff
|
||||
border-top: 1px solid darken(color-navy, 5%)
|
||||
border-bottom: 1px solid darken(color-navy, 5%)
|
||||
margin: -1px 0
|
||||
|
||||
.video-container
|
||||
text-align: center
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,55 @@
|
||||
#footer
|
||||
clearfix()
|
||||
padding: 24px 0
|
||||
color: rgba(255, 255, 255, 0.6)
|
||||
position: relative
|
||||
background: color-navy
|
||||
text-align: center
|
||||
@media mq-normal
|
||||
padding: 40px 0
|
||||
text-align: left
|
||||
@media print
|
||||
display: none
|
||||
a
|
||||
color: inherit
|
||||
text-decoration: none
|
||||
transition: 0.2s
|
||||
&:hover
|
||||
color: #fff
|
||||
.icon-twitter:hover
|
||||
color: #1da1f2
|
||||
.icon-patreon:hover
|
||||
color: #f96854
|
||||
.icon-opencollective:hover
|
||||
color: #3384ff
|
||||
|
||||
#footer-copyright
|
||||
line-height: 1.4
|
||||
@media mq-normal
|
||||
float: left
|
||||
a
|
||||
font-weight: bold
|
||||
|
||||
#footer-links
|
||||
margin-top: 1em
|
||||
@media mq-normal
|
||||
float: right
|
||||
margin-top: 0
|
||||
|
||||
.footer-link
|
||||
font-size: 20px
|
||||
margin-left: 10px
|
||||
&:first-child
|
||||
margin-left: 0
|
||||
@media mq-normal
|
||||
font-size: 30px
|
||||
|
||||
.icon-oc
|
||||
height: 36px
|
||||
width: 30px
|
||||
display: inline-block
|
||||
background-size: contain
|
||||
background-repeat: no-repeat
|
||||
vertical-align: text-bottom
|
||||
fill: #a2a5a8
|
||||
transition: 0.2s
|
||||
@@ -0,0 +1,88 @@
|
||||
header-padding-normal = 10px
|
||||
header-padding-max = 30px
|
||||
logo-size = 36px
|
||||
|
||||
#header
|
||||
position: relative
|
||||
padding: header-padding-normal 0
|
||||
@media print
|
||||
display: none
|
||||
|
||||
#header-inner
|
||||
display: flex
|
||||
flex-flow: row nowrap
|
||||
align-items: center
|
||||
@media mq-mobile
|
||||
justify-content: center
|
||||
|
||||
#logo-wrap
|
||||
flex: 0 logo-size
|
||||
|
||||
#logo
|
||||
hide-text()
|
||||
background: url("../icon/logo.png")
|
||||
width: logo-size
|
||||
height: logo-size
|
||||
background-size: @width @height
|
||||
display: block
|
||||
|
||||
#main-nav
|
||||
display: none
|
||||
flex: 1 auto
|
||||
padding-left: 20px
|
||||
@media mq-normal
|
||||
display: block
|
||||
|
||||
#search-input-wrap
|
||||
display: none
|
||||
padding-left: 6px
|
||||
border-bottom: 1px solid color-gray
|
||||
&.on
|
||||
display: inline-block
|
||||
> i, > span, #search-input
|
||||
vertical-align: middle;
|
||||
color: #fff
|
||||
line-height: 36px;
|
||||
|
||||
#search-input-icon
|
||||
padding-right: 0.5em
|
||||
opacity: 0.7
|
||||
|
||||
#search-input
|
||||
background: none
|
||||
font-size: inherit
|
||||
outline: none
|
||||
-webkit-appearance: none
|
||||
|
||||
.main-nav-link
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
line-height: logo-size
|
||||
opacity: 0.7
|
||||
transition: 0.2s
|
||||
display: inline-block
|
||||
padding: 0 15px
|
||||
i
|
||||
padding-right: 8px
|
||||
&.active
|
||||
opacity: 1
|
||||
&:hover
|
||||
opacity: 1
|
||||
color: color-link-hover
|
||||
|
||||
#lang-select-wrap
|
||||
#github-link-wrap
|
||||
display: none
|
||||
position: relative
|
||||
@media mq-normal
|
||||
display: block
|
||||
|
||||
#lang-select
|
||||
opacity: 0
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
-webkit-appearance: menulist-button
|
||||
font-size: inherit
|
||||
+103
@@ -0,0 +1,103 @@
|
||||
// https://github.com/chriskempson/tomorrow-theme
|
||||
highlight-background = #fff
|
||||
highlight-current-line = #efefef
|
||||
highlight-selection = #d6d6d6
|
||||
highlight-foreground = #4d4d4c
|
||||
highlight-comment = #8e908c
|
||||
highlight-red = #c82829
|
||||
highlight-orange = #f5871f
|
||||
highlight-yellow = #eab700
|
||||
highlight-green = #718c00
|
||||
highlight-aqua = #3e999f
|
||||
highlight-blue = #4271ae
|
||||
highlight-purple = #8959a8
|
||||
|
||||
pre, code
|
||||
font-family: font-mono
|
||||
color: highlight-foreground
|
||||
background: #eee
|
||||
|
||||
code
|
||||
padding: 0 5px
|
||||
|
||||
pre
|
||||
padding: 10px 15px
|
||||
line-height: 22px
|
||||
code
|
||||
border: none
|
||||
display: block
|
||||
padding: 0
|
||||
|
||||
.highlight
|
||||
background: #eee
|
||||
padding: 10px 15px
|
||||
color: highlight-foreground
|
||||
overflow: auto
|
||||
margin: 0
|
||||
table
|
||||
margin: 0 !important
|
||||
border: 0
|
||||
th, td
|
||||
padding: 0
|
||||
figcaption
|
||||
clearfix()
|
||||
margin: -5px 0 5px
|
||||
color: color-gray
|
||||
a
|
||||
float: right
|
||||
pre
|
||||
padding: 0
|
||||
border: none
|
||||
background: none
|
||||
.line
|
||||
height: 22px
|
||||
|
||||
pre
|
||||
.comment
|
||||
.title
|
||||
color: highlight-comment
|
||||
.variable
|
||||
.attribute
|
||||
.tag
|
||||
.regexp
|
||||
.ruby .constant
|
||||
.xml .tag .title
|
||||
.xml .pi
|
||||
.xml .doctype
|
||||
.html .doctype
|
||||
.css .id
|
||||
.css .class
|
||||
.css .pseudo
|
||||
color: highlight-red
|
||||
.number
|
||||
.preprocessor
|
||||
.built_in
|
||||
.literal
|
||||
.params
|
||||
.constant
|
||||
color: highlight-orange
|
||||
.class
|
||||
.ruby .class .title
|
||||
.css .rules .attribute
|
||||
color: highlight-green
|
||||
.string
|
||||
.value
|
||||
.inheritance
|
||||
.header
|
||||
.ruby .symbol
|
||||
.xml .cdata
|
||||
color: highlight-green
|
||||
.css .hexcolor
|
||||
color: highlight-aqua
|
||||
.function
|
||||
.python .decorator
|
||||
.python .title
|
||||
.ruby .function .title
|
||||
.ruby .title .keyword
|
||||
.perl .sub
|
||||
.javascript .title
|
||||
.coffeescript .title
|
||||
color: highlight-blue
|
||||
.keyword
|
||||
.javascript .function
|
||||
color: highlight-purple
|
||||
@@ -0,0 +1,72 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('../fonts/icomoon.eot?e8nnma');
|
||||
src: url('../fonts/icomoon.eot?e8nnma#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icomoon.ttf?e8nnma') format('truetype'),
|
||||
url('../fonts/icomoon.woff?e8nnma') format('woff'),
|
||||
url('../fonts/icomoon.svg?e8nnma#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
i {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-shopify:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-network:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-javascript:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-opencollective:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-patreon:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\f002";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\f013";
|
||||
}
|
||||
.icon-gear:before {
|
||||
content: "\f013";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\f040";
|
||||
}
|
||||
.icon-chevron-left:before {
|
||||
content: "\f053";
|
||||
}
|
||||
.icon-chevron-right:before {
|
||||
content: "\f054";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\f061";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\f099";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\f09b";
|
||||
}
|
||||
.icon-shield:before {
|
||||
content: "\f132";
|
||||
}
|
||||
+240
@@ -0,0 +1,240 @@
|
||||
#banner
|
||||
color: rgba(255, 255, 255, 0.8)
|
||||
text-align: center
|
||||
|
||||
#banner-title,
|
||||
.theme-intro-title
|
||||
line-height: 1.15
|
||||
font-weight: 300
|
||||
font-size: 40px
|
||||
@media mq-normal
|
||||
font-size: 50px
|
||||
|
||||
#banner-title
|
||||
padding-top: 20px
|
||||
@media mq-normal
|
||||
padding-top: 100px
|
||||
|
||||
.theme-intro-title
|
||||
margin-bottom: 24px
|
||||
padding-top: 24px
|
||||
@media mq-normal
|
||||
padding-top: 0
|
||||
|
||||
#banner-start
|
||||
text-align: center
|
||||
padding: 40px 0
|
||||
line-height: 47px;
|
||||
@media mq-normal
|
||||
padding: 60px 0
|
||||
font-size: 18px
|
||||
|
||||
#banner-start-command
|
||||
background: lighten(color-navy, 10%)
|
||||
padding: 0 15px
|
||||
color: #fff
|
||||
display: inline-block
|
||||
&:before
|
||||
content: "$"
|
||||
opacity: 0.5
|
||||
padding-right: 10px
|
||||
|
||||
#banner-start-link
|
||||
color: #fff
|
||||
background: color-link
|
||||
display: inline-block
|
||||
padding: 0 15px
|
||||
text-decoration: none
|
||||
transition: 0.2s
|
||||
&:hover
|
||||
background: color-link-hover
|
||||
|
||||
#banner-share
|
||||
display: none
|
||||
padding-bottom: 60px
|
||||
@media mq-normal
|
||||
display: block
|
||||
|
||||
#intro-news-list
|
||||
background-color: darken(color-navy, 10%)
|
||||
margin: -1px 0
|
||||
|
||||
#intro-news-flex
|
||||
display: flex
|
||||
flex-flow: column
|
||||
@media mq-normal
|
||||
flex-flow: row wrap
|
||||
|
||||
.intro-news-wrap
|
||||
padding: 24px 30px
|
||||
text-decoration: none
|
||||
&:hover
|
||||
background-color: color-link-hover
|
||||
@media mq-normal
|
||||
flex: 0 0 50%
|
||||
padding: 36px 30px
|
||||
@media screen and (min-width: 960px)
|
||||
flex: 0 0 25%
|
||||
|
||||
.intro-news-time
|
||||
font-size: 14px
|
||||
color: rgba(255,255,255,.6)
|
||||
|
||||
.intro-news-wrap:hover .intro-news-time
|
||||
color: rgba(255,255,255,.8)
|
||||
|
||||
.intro-news-title
|
||||
padding-top: 4px
|
||||
font-size: 15px
|
||||
line-height: 1.2;
|
||||
color: #fff
|
||||
|
||||
#intro-feature-list
|
||||
display: flex
|
||||
flex-flow: column
|
||||
margin: 30px 0
|
||||
@media mq-normal
|
||||
flex-flow: row wrap
|
||||
|
||||
.intro-feature-wrap
|
||||
margin-top: 20px
|
||||
@media mq-normal
|
||||
flex: 0 0 50%
|
||||
margin-top: 50px
|
||||
|
||||
.intro-feature
|
||||
position: relative
|
||||
text-align: center
|
||||
@media mq-normal
|
||||
text-align: left
|
||||
padding-left: 70px
|
||||
|
||||
.intro-feature-icon
|
||||
color: color-link
|
||||
font-size: 36px
|
||||
margin-bottom: 6px;
|
||||
text-align: center
|
||||
@media mq-normal
|
||||
margin-bottom: 26px
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 20px
|
||||
font-size: 24px
|
||||
width: @font-size
|
||||
|
||||
.intro-feature-title
|
||||
color: color-link
|
||||
font-size: 24px
|
||||
|
||||
.intro-feature-desc
|
||||
margin-top: 1em
|
||||
@media mq-normal
|
||||
margin-top: line-height
|
||||
line-height: line-height
|
||||
a
|
||||
text-decoration: none
|
||||
color: black
|
||||
&:visited, &:hover
|
||||
color: black
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
#intro-cmd-wrap
|
||||
max-width: 700px
|
||||
background: #eee
|
||||
padding: 15px 0
|
||||
overflow: auto
|
||||
margin: 50px auto 0;
|
||||
@media mq-normal
|
||||
margin: 70px auto 0;
|
||||
li
|
||||
font-size: 16px
|
||||
font-family: font-mono
|
||||
line-height: 2
|
||||
padding: 0 30px
|
||||
|
||||
.intro-code-item
|
||||
white-space: pre
|
||||
.hl
|
||||
color: color-link
|
||||
.hl-str
|
||||
color: #9e0001ad
|
||||
.hl-comment
|
||||
color: #056d05b5
|
||||
|
||||
#intro-get-started-wrap
|
||||
text-align: center
|
||||
margin: 20px 0 50px
|
||||
@media mq-normal
|
||||
margin: 30px 0 70px
|
||||
|
||||
#intro-get-started-link
|
||||
font-size: 18px
|
||||
display: inline-block
|
||||
text-decoration: none
|
||||
border: 3px solid lighten(color-link, 20%)
|
||||
padding: 12px 24px
|
||||
position: relative
|
||||
transition: 0.2s
|
||||
color: color-link
|
||||
&:hover
|
||||
background: @border-color
|
||||
color: #fff
|
||||
|
||||
#sponsors-wrap, #contributors-wrap
|
||||
background: lighten(color-navy, 10%)
|
||||
border-top: 1px solid #161d24
|
||||
border-bottom: 1px solid #161d24
|
||||
margin: -1px 0
|
||||
.inner
|
||||
margin: 48px 16px
|
||||
@media mq-tablet
|
||||
margin: 64px 32px
|
||||
h3
|
||||
color: #fff
|
||||
font-size: 32px
|
||||
p
|
||||
color: #ccc
|
||||
margin: 36px 0 24px
|
||||
font-size: 20px
|
||||
line-height: 1.5
|
||||
.description a
|
||||
text-decoration: none
|
||||
|
||||
#contributors-wrap
|
||||
.all-contributors
|
||||
tr
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
td
|
||||
margin: 10px 2px 0
|
||||
a img
|
||||
display: inline-block
|
||||
height: 72px
|
||||
width: 72px
|
||||
background: color-gray
|
||||
border-radius: 50%
|
||||
margin-bottom: 10px
|
||||
.description a
|
||||
color: #fff
|
||||
&:hover
|
||||
background: #fff
|
||||
color: lighten(color-navy, 10%)
|
||||
|
||||
#sponsors-wrap
|
||||
background: #fff
|
||||
border: none
|
||||
text-align: right
|
||||
overflow: hidden;
|
||||
.inner
|
||||
h3
|
||||
color: color-default
|
||||
p
|
||||
color: color-gray
|
||||
.open-collective
|
||||
margin: 0 auto
|
||||
.description a
|
||||
color: #333
|
||||
&:hover
|
||||
background: color-navy
|
||||
color: #fff
|
||||
@@ -0,0 +1,145 @@
|
||||
toggle-width = 25px
|
||||
toggle-height = toggle-width * 0.8
|
||||
toggle-line = 2px
|
||||
transition-duration = 0.4s
|
||||
lang-select-height = 40px
|
||||
|
||||
.mobile-nav-on
|
||||
overflow: hidden
|
||||
height: 100%
|
||||
max-height: 100%
|
||||
|
||||
#mobile-nav
|
||||
position: fixed
|
||||
top: 0
|
||||
width: mobile-nav-width
|
||||
left: @width * -1
|
||||
height: 100%
|
||||
background: color-navy
|
||||
transition: transition-duration
|
||||
.mobile-nav-on &
|
||||
transform: translateX(100%)
|
||||
|
||||
.mobile-sidebar-list
|
||||
background: lighten(color-navy, 10%)
|
||||
|
||||
#mobile-nav-inner
|
||||
overflow-y: auto
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: lang-select-height
|
||||
left: 0
|
||||
right: 0
|
||||
-webkit-overflow-scrolling: touch
|
||||
> *:first-child
|
||||
padding-top: 10px
|
||||
> *:last-child
|
||||
padding-bottom: 10px
|
||||
|
||||
#mobile-nav-toggle
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: gutter-width
|
||||
width: toggle-width
|
||||
height: toggle-height
|
||||
margin: auto
|
||||
opacity: 0.5
|
||||
cursor: pointer
|
||||
transition: 0.2s
|
||||
&:active, .mobile-nav-on &
|
||||
opacity: 1
|
||||
@media mq-normal
|
||||
display: none
|
||||
|
||||
.mobile-nav-toggle-bar
|
||||
background: #fff
|
||||
position: absolute
|
||||
left: 0
|
||||
width: 100%
|
||||
height: toggle-line
|
||||
transition: transition-duration
|
||||
transform-origin: 0
|
||||
border-radius: toggle-line
|
||||
&:first-child
|
||||
top: 0
|
||||
.mobile-nav-on &
|
||||
transform: rotate(45deg)
|
||||
&:nth-child(2)
|
||||
top: (toggle-height - toggle-line) * 0.5
|
||||
.mobile-nav-on &
|
||||
opacity: 0
|
||||
&:last-child
|
||||
top: toggle-height - toggle-line
|
||||
.mobile-nav-on &
|
||||
transform: rotate(-45deg)
|
||||
|
||||
.mobile-nav-link
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
display: block
|
||||
padding: 10px 15px
|
||||
line-height: 1
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
.mobile-nav-title
|
||||
color: color-link
|
||||
font-weight: bold
|
||||
padding: 10px 15px
|
||||
line-height: 1
|
||||
display: block
|
||||
border-top: 1px solid #444
|
||||
margin-top: 10px
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
#mobile-lang-select-wrap
|
||||
position: absolute
|
||||
bottom: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
background: color-navy
|
||||
border-top: 1px solid #444
|
||||
|
||||
#mobile-lang-select-label
|
||||
line-height: lang-select-height
|
||||
color: #fff
|
||||
padding: 10px 15px
|
||||
i
|
||||
opacity: 0.7
|
||||
span
|
||||
padding-left: 8px
|
||||
|
||||
#mobile-lang-select
|
||||
-webkit-appearance: menulist-button
|
||||
opacity: 0
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
|
||||
#container
|
||||
transition: transition-duration
|
||||
height: 100%
|
||||
-webkit-overflow-scrolling: touch
|
||||
.mobile-nav-on &
|
||||
transform: translateX(mobile-nav-width)
|
||||
overflow: hidden
|
||||
|
||||
#mobile-nav-dimmer
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 100%
|
||||
height: 100%
|
||||
background: #000
|
||||
opacity: 0
|
||||
transition: opacity transition-duration, transform 0s transition-duration
|
||||
.mobile-nav-on &
|
||||
width: 100%
|
||||
opacity: 0.7
|
||||
transform: translateX(-100%)
|
||||
transition: opacity transition-duration
|
||||
+233
@@ -0,0 +1,233 @@
|
||||
note-tip = hsl(40, 100%, 50%)
|
||||
note-info = hsl(200, 100%, 50%)
|
||||
note-warn = hsl(0, 100%, 50%)
|
||||
|
||||
#content
|
||||
position: relative
|
||||
|
||||
#content-inner
|
||||
display: flex
|
||||
|
||||
#sidebar
|
||||
flex: 0 0 sidebar-width
|
||||
.article-container
|
||||
flex: 1 100%
|
||||
|
||||
.article-inner
|
||||
display: flex
|
||||
.article
|
||||
width: 0
|
||||
flex: 1 1 100%
|
||||
padding: 40px 0
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@media print
|
||||
padding: 0
|
||||
#article-toc
|
||||
display: none
|
||||
width: sidebar-width
|
||||
opacity: 0.8
|
||||
@media mq-normal
|
||||
display: block
|
||||
|
||||
#article-toc-inner
|
||||
@extend .inner
|
||||
width: sidebar-width
|
||||
position: sticky
|
||||
top: 0
|
||||
margin: 40px auto
|
||||
.sidebar-title
|
||||
border-top: none
|
||||
|
||||
.toc-link
|
||||
@extend .sidebar-link
|
||||
|
||||
.toc-child
|
||||
padding-left: 1em
|
||||
font-size: 0.9em
|
||||
|
||||
#article-toc-inner-list
|
||||
overflow-y: auto
|
||||
|
||||
#article-toc-top
|
||||
margin-top: 10px
|
||||
font-size: 0.9em
|
||||
text-decoration: none
|
||||
color: color-default
|
||||
display: block
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
|
||||
.article-header
|
||||
padding-bottom: 20px
|
||||
overflow: hidden;
|
||||
|
||||
.article-title
|
||||
float: left
|
||||
font-size: 36px
|
||||
font-weight: 300
|
||||
text-decoration: none
|
||||
color: color-default
|
||||
transition: 0.2s
|
||||
a&:hover
|
||||
color: color-link-hover
|
||||
.post &
|
||||
float: none
|
||||
|
||||
.article-date
|
||||
color: color-gray
|
||||
text-decoration: none
|
||||
display: inline-block
|
||||
margin-top: 1em
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
|
||||
.article-edit-link
|
||||
float: right
|
||||
text-decoration: none;
|
||||
color: #bbb
|
||||
font-size: 24px
|
||||
line-height: 36px
|
||||
transition: 0.2s
|
||||
display: none
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
@media mq-normal
|
||||
display: block
|
||||
|
||||
.article-anchor
|
||||
margin-left: 10px
|
||||
display: none
|
||||
&:before
|
||||
content: "#"
|
||||
@media print
|
||||
display: none !important
|
||||
.article-heading:hover &
|
||||
display: inline-block
|
||||
|
||||
.article-content
|
||||
line-height: line-height
|
||||
color: color-default
|
||||
@media print
|
||||
font-size: 12pt
|
||||
p, ol, ul, dl, table, blockquote, iframe, .highlight
|
||||
margin: 1em 0
|
||||
h1
|
||||
font-size: 2em
|
||||
h2
|
||||
font-size: 1.5em
|
||||
h3
|
||||
font-size: 1.3em
|
||||
h1, h2, h3, h4, h5, h6
|
||||
line-height: 1em
|
||||
font-weight: bold
|
||||
margin: 1em 0
|
||||
a
|
||||
color: color-link
|
||||
text-decoration: none
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
text-decoration: underline
|
||||
@media print
|
||||
color: color-default
|
||||
text-decoration: underline
|
||||
&:after
|
||||
content: " (" attr(href) ")"
|
||||
font-size: 80%
|
||||
strong
|
||||
font-weight: bold
|
||||
em
|
||||
font-style: italic
|
||||
ul, ol, dl
|
||||
margin-left: 20px
|
||||
ul, ol, dl
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
ul
|
||||
list-style: disc
|
||||
ol
|
||||
list-style: decimal
|
||||
dl
|
||||
list-style: square
|
||||
li
|
||||
p
|
||||
margin: 0
|
||||
table, blockquote, iframe, .highlight
|
||||
margin: 1em 0
|
||||
img, video
|
||||
max-width: 100%
|
||||
img[src*="@2x"]
|
||||
zoom: 50%
|
||||
blockquote
|
||||
padding: 0 20px
|
||||
position: relative
|
||||
border: 1px solid color-border
|
||||
border-left: 5px solid #ddd
|
||||
footer
|
||||
margin: 1em 0
|
||||
font-style: italic
|
||||
cite
|
||||
&:before
|
||||
content: "—"
|
||||
padding: 0 0.3em
|
||||
a
|
||||
color: color-grey
|
||||
.note
|
||||
&.tip
|
||||
border-left-color: note-tip
|
||||
&.info
|
||||
border-left-color: note-info
|
||||
&.warn
|
||||
border-left-color: note-warn
|
||||
.note-title
|
||||
margin: 1em 0
|
||||
display: block
|
||||
font-size: 1.3em
|
||||
font-weight: bold
|
||||
table
|
||||
max-width: 100%
|
||||
border: 1px solid color-border
|
||||
th
|
||||
font-weight: bold
|
||||
th, td
|
||||
padding: 5px 15px
|
||||
tr
|
||||
&:nth-child(2n)
|
||||
background: #eee
|
||||
|
||||
.article-footer
|
||||
margin: 30px 0 0
|
||||
border-top: 1px solid color-border
|
||||
text-align: center
|
||||
color: color-gray
|
||||
line-height: 1em
|
||||
padding-top: 1em
|
||||
position: relative
|
||||
@media print
|
||||
display: none
|
||||
|
||||
$article-footer-link
|
||||
color: color-link
|
||||
text-decoration: none
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
position: absolute
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
@media print
|
||||
display: none
|
||||
span
|
||||
padding: 0 6px
|
||||
span, i
|
||||
vertical-align: middle
|
||||
|
||||
.article-footer-prev
|
||||
@extend $article-footer-link
|
||||
left: 0
|
||||
|
||||
.article-footer-next
|
||||
@extend $article-footer-link
|
||||
right: 0
|
||||
|
||||
.article-footer-updated
|
||||
font-size: 0.9em
|
||||
@@ -0,0 +1,28 @@
|
||||
#playground
|
||||
background: white
|
||||
overflow: hidden
|
||||
h1
|
||||
font-size: 36px
|
||||
font-weight: 300
|
||||
margin: 40px 0 24px
|
||||
|
||||
.row
|
||||
display: flex
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between
|
||||
margin-bottom: 30px
|
||||
> div
|
||||
flex: 0 0 100%
|
||||
height: 400px
|
||||
margin-bottom: 30px
|
||||
|
||||
@media mq-normal
|
||||
.row
|
||||
flex-wrap: nowrap;
|
||||
> div
|
||||
flex: 0 1 49%
|
||||
|
||||
#editorEl, #previewEl
|
||||
font-size: 1em
|
||||
.ace_scroller, .ace_gutter
|
||||
padding: 15px 0px;
|
||||
@@ -0,0 +1,32 @@
|
||||
#sidebar
|
||||
width: sidebar-width
|
||||
padding-bottom: 40px
|
||||
opacity: 0.8
|
||||
display: none
|
||||
@media mq-normal
|
||||
display: block
|
||||
padding-top: 40px
|
||||
|
||||
.sidebar-title
|
||||
margin-top: 40px
|
||||
padding: 10px 0
|
||||
font-weight: bold
|
||||
color: color-link
|
||||
display: inline-block
|
||||
border-top: 1px solid color-border
|
||||
line-height: 1
|
||||
.sidebar-title:first-child
|
||||
margin-top: 0
|
||||
|
||||
.sidebar-link
|
||||
display: block
|
||||
color: color-default
|
||||
text-decoration: none
|
||||
padding: 7px 0
|
||||
line-height: 1
|
||||
position: relative
|
||||
width: 100%
|
||||
&.current
|
||||
color: color-link
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
// Config
|
||||
support-for-ie = false
|
||||
vendor-prefixes = webkit moz ms official
|
||||
|
||||
// Colors
|
||||
color-default = #444
|
||||
color-gray = #999
|
||||
color-border = #e3e3e3
|
||||
color-navy = hsl(210, 25%, 12%)
|
||||
color-link = #0e83cd
|
||||
color-link-hover = lighten(color-link, 10%)
|
||||
|
||||
// Typography
|
||||
font-sans = "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||
font-serif = Garamond, Georgia, "Times New Roman", serif
|
||||
font-mono = "Source Code Pro", Monaco, Menlo, Consolas, monospace
|
||||
font-size = 15px
|
||||
line-height = 1.6em
|
||||
|
||||
// Layout
|
||||
max-width = 1200px
|
||||
gutter-width = 20px
|
||||
sidebar-width = 220px
|
||||
mobile-nav-width = 260px
|
||||
|
||||
// Media queries
|
||||
mq-mobile = "screen and (max-width: 768px)"
|
||||
mq-normal = "screen and (min-width: 769px)"
|
||||
mq-tablet = "screen and (min-width: 480px)"
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
@import "nib"
|
||||
@import "_variables"
|
||||
|
||||
@import "_partial/base"
|
||||
@import "_partial/header"
|
||||
@import "_partial/index"
|
||||
@import "_partial/playground"
|
||||
@import "_partial/sidebar"
|
||||
@import "_partial/page"
|
||||
@import "_partial/mobile_nav"
|
||||
@import "_partial/footer"
|
||||
@import "_partial/highlight"
|
||||
@import "_partial/icomoon.css"
|
||||
@import "_partial/docsearch.min.css"
|
||||
BIN
Binary file not shown.
+24
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icomoon" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="javascript" d="M0 950.857h1024v-1024h-1024zM940.117 171.081c-7.467 46.72-37.888 85.973-128.128 122.581-31.403 14.72-66.304 24.96-76.672 48.64-3.883 14.080-4.48 21.76-1.963 30.080 6.4 27.563 39.040 35.84 64.64 28.16 16.64-5.12 32-17.92 41.643-38.4 44.117 28.843 44.117 28.843 74.88 48-11.52 17.92-17.237 25.643-25.003 33.28-26.88 30.080-62.677 45.44-120.917 44.117l-30.080-3.797c-28.843-7.040-56.32-22.4-72.96-42.88-48.64-55.083-34.603-151.083 24.277-190.763 58.24-43.52 143.403-53.077 154.283-94.080 10.24-49.92-37.12-65.92-83.883-60.16-34.603 7.68-53.76 25.003-74.88 57.003l-78.080-44.843c8.96-20.48 19.2-29.397 34.56-47.317 74.24-74.923 259.84-71.083 293.163 42.837 1.237 3.84 10.24 30.080 3.157 70.4zM556.843 480.201h-95.915c0-82.688-0.384-164.864-0.384-247.68 0-52.565 2.688-100.821-5.888-115.669-14.080-29.397-50.347-25.643-66.816-20.48-16.896 8.363-25.472 19.883-35.413 36.48-2.688 4.48-4.693 8.363-5.419 8.363l-77.867-48c13.013-26.88 32-50.005 56.491-64.725 36.48-21.76 85.504-28.8 136.832-17.28 33.408 9.643 62.208 29.483 77.269 60.203 21.76 39.68 17.152 88.32 16.939 142.763 0.512 87.637 0 175.317 0 263.637z" />
|
||||
<glyph unicode="" glyph-name="network" d="M512-73.143c-282.77 0-512 229.23-512 512s229.23 512 512 512v0c282.77 0 512-229.23 512-512s-229.23-512-512-512v0zM908.8 336.457c8.251 30.73 12.99 66.012 12.99 102.4s-4.739 71.67-13.634 105.261l0.644-2.861h-195.584c2.267-30.637 3.559-66.368 3.559-102.4s-1.292-71.763-3.832-107.148l0.273 4.748h195.584zM866.816 234.057h-164.864c-9.503-67.086-26.518-127.646-50.456-184.579l1.816 4.867c91.262 34.305 165.167 97.283 212.455 177.781l1.049 1.931zM413.696 336.457h196.608c2.654 30.668 4.168 66.357 4.168 102.4s-1.513 71.734-4.48 107.010l0.312-4.61h-196.608c-2.654-30.668-4.168-66.357-4.168-102.4s1.513-71.734 4.48-107.010l-0.312 4.61zM426.496 234.057c20.992-122.88 57.856-204.8 85.504-204.8s64.512 81.92 85.504 204.8h-171.008zM115.2 336.457h195.584c-2.267 30.637-3.559 66.368-3.559 102.4s1.292 71.763 3.832 107.148l-0.273-4.748h-195.584c-8.251-30.73-12.99-66.012-12.99-102.4s4.739-71.67 13.634-105.261l-0.644 2.861zM157.184 234.057c48.337-82.429 122.242-145.407 210.673-178.775l2.831-0.937c-21.504 49.152-37.888 110.592-48.64 179.712h-164.864zM866.816 643.657c-48.337 82.429-122.242 145.407-210.673 178.775l-2.831 0.937c21.504-49.152 37.888-110.592 48.64-179.712h164.864zM426.496 643.657h171.008c-20.992 122.88-57.856 204.8-85.504 204.8s-64.512-81.92-85.504-204.8zM157.184 643.657h164.864c10.24 69.12 27.136 130.56 48.64 179.712-91.262-34.305-165.167-97.283-212.455-177.781l-1.049-1.931z" />
|
||||
<glyph unicode="" glyph-name="opencollective" d="M932.693 730.27c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638zM803.413 859.55l-132.267-132.267c-45.751 25.644-100.402 40.747-158.58 40.747-181.68 0-328.96-147.28-328.96-328.96s147.28-328.96 328.96-328.96c58.179 0 112.83 15.103 160.247 41.602l-1.666-0.855 132.267-132.693c-81.392-57.006-182.473-91.093-291.516-91.093-282.77 0-512 229.23-512 512s229.23 512 512 512c109.043 0 210.124-34.088 293.168-92.188l-1.652 1.095zM932.693 730.27c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638z" />
|
||||
<glyph unicode="" glyph-name="patreon" d="M656.469 928.5c-203.264 0-368.64-165.376-368.64-368.64 0-202.667 165.376-367.488 368.64-367.488 202.667 0 367.531 164.864 367.531 367.488 0 203.264-164.864 368.64-367.531 368.64zM0.128-53.388h180.053v981.888h-180.053z" />
|
||||
<glyph unicode="" glyph-name="shopify" d="M654.379-72.247l307.883 66.603c0 0-111.104 751.488-112 756.48-0.768 4.949-4.864 8.192-9.003 8.192s-82.304 5.803-82.304 5.803-54.4 54.357-61.397 60.203c-1.92 1.579-3.2 2.432-5.163 3.157l-38.997-900.437zM499.627 468.51c0 0-34.56 18.091-75.691 18.091-61.739 0-64.171-38.656-64.171-48.683 0-52.565 138.24-73.173 138.24-197.504 0-97.92-61.44-160.427-145.323-160.427-100.437 0-151.040 62.507-151.040 62.507l27.563 89.003c0 0 53.12-45.483 97.28-45.483 28.8 0 41.6 23.253 41.6 39.765 0 69.077-113.237 72.277-113.237 185.984-1.451 95.445 67.029 188.416 205.952 188.416 53.632 0 80-15.403 80-15.403l-40.32-115.84zM476.587 915.444c5.803 0 11.563-1.621 17.28-5.76-41.984-19.84-88.064-69.931-107.008-170.325-27.989-9.088-55.168-17.28-80.597-24.661 22.144 76.16 75.648 200.32 170.325 200.32zM529.28 789.62v-5.76c-32.171-9.899-67.541-20.651-102.144-31.403 19.883 75.819 56.875 112.853 88.96 126.763 8.235-21.376 13.184-50.176 13.184-89.6zM552.277 884.937c29.611-3.157 48.683-36.992 60.971-74.88-14.891-4.864-31.36-9.856-49.408-15.616v10.752c0 32.085-4.096 58.496-11.563 79.829zM679.936 829.94c-0.853 0-2.56-0.896-3.328-0.896s-12.331-3.2-30.464-8.96c-18.048 52.608-50.176 101.12-107.008 101.12h-4.907c-16.469 20.736-36.352 29.653-53.589 29.653-132.523 0-195.84-165.419-215.68-249.429-50.944-15.573-88.021-27.136-92.16-28.757-28.8-9.088-29.611-9.899-32.939-37.12-3.2-19.712-78.080-600.021-78.080-600.021l578.603-108.672z" />
|
||||
<glyph unicode="" glyph-name="search" horiz-adv-x="951" d="M658.286 475.428c0 141.143-114.857 256-256 256s-256-114.857-256-256 114.857-256 256-256 256 114.857 256 256zM950.857 0c0-40-33.143-73.143-73.143-73.143-19.429 0-38.286 8-51.429 21.714l-196 195.429c-66.857-46.286-146.857-70.857-228-70.857-222.286 0-402.286 180-402.286 402.286s180 402.286 402.286 402.286 402.286-180 402.286-402.286c0-81.143-24.571-161.143-70.857-228l196-196c13.143-13.143 21.143-32 21.143-51.429z" />
|
||||
<glyph unicode="" glyph-name="cog, gear" horiz-adv-x="878" d="M585.143 438.857c0 80.571-65.714 146.286-146.286 146.286s-146.286-65.714-146.286-146.286 65.714-146.286 146.286-146.286 146.286 65.714 146.286 146.286zM877.714 501.143v-126.857c0-8.571-6.857-18.857-16-20.571l-105.714-16c-6.286-18.286-13.143-35.429-22.286-52 19.429-28 40-53.143 61.143-78.857 3.429-4 5.714-9.143 5.714-14.286s-1.714-9.143-5.143-13.143c-13.714-18.286-90.857-102.286-110.286-102.286-5.143 0-10.286 2.286-14.857 5.143l-78.857 61.714c-16.571-8.571-34.286-16-52-21.714-4-34.857-7.429-72-16.571-106.286-2.286-9.143-10.286-16-20.571-16h-126.857c-10.286 0-19.429 7.429-20.571 17.143l-16 105.143c-17.714 5.714-34.857 12.571-51.429 21.143l-80.571-61.143c-4-3.429-9.143-5.143-14.286-5.143s-10.286 2.286-14.286 6.286c-30.286 27.429-70.286 62.857-94.286 96-2.857 4-4 8.571-4 13.143 0 5.143 1.714 9.143 4.571 13.143 19.429 26.286 40.571 51.429 60 78.286-9.714 18.286-17.714 37.143-23.429 56.571l-104.571 15.429c-9.714 1.714-16.571 10.857-16.571 20.571v126.857c0 8.571 6.857 18.857 15.429 20.571l106.286 16c5.714 18.286 13.143 35.429 22.286 52.571-19.429 27.429-40 53.143-61.143 78.857-3.429 4-5.714 8.571-5.714 13.714s2.286 9.143 5.143 13.143c13.714 18.857 90.857 102.286 110.286 102.286 5.143 0 10.286-2.286 14.857-5.714l78.857-61.143c16.571 8.571 34.286 16 52 21.714 4 34.857 7.429 72 16.571 106.286 2.286 9.143 10.286 16 20.571 16h126.857c10.286 0 19.429-7.429 20.571-17.143l16-105.143c17.714-5.714 34.857-12.571 51.429-21.143l81.143 61.143c3.429 3.429 8.571 5.143 13.714 5.143s10.286-2.286 14.286-5.714c30.286-28 70.286-63.429 94.286-97.143 2.857-3.429 4-8 4-12.571 0-5.143-1.714-9.143-4.571-13.143-19.429-26.286-40.571-51.429-60-78.286 9.714-18.286 17.714-37.143 23.429-56l104.571-16c9.714-1.714 16.571-10.857 16.571-20.571z" />
|
||||
<glyph unicode="" glyph-name="pencil" horiz-adv-x="866" d="M207.429 73.143l52 52-134.286 134.286-52-52v-61.143h73.143v-73.143h61.143zM506.286 603.428c0 7.429-5.143 12.571-12.571 12.571-3.429 0-6.857-1.143-9.714-4l-309.714-309.714c-2.857-2.857-4-6.286-4-9.714 0-7.429 5.143-12.571 12.571-12.571 3.429 0 6.857 1.143 9.714 4l309.714 309.714c2.857 2.857 4 6.286 4 9.714zM475.429 713.143l237.714-237.714-475.429-475.429h-237.714v237.714zM865.714 658.286c0-19.429-8-38.286-21.143-51.429l-94.857-94.857-237.714 237.714 94.857 94.286c13.143 13.714 32 21.714 51.429 21.714s38.286-8 52-21.714l134.286-133.714c13.143-13.714 21.143-32.571 21.143-52z" />
|
||||
<glyph unicode="" glyph-name="chevron-left" d="M783.783 728.070l-289.213-289.213 289.213-289.213c13.616-13.616 13.616-35.403 0-49.019l-90.414-90.414c-13.616-13.616-35.403-13.616-49.019 0l-404.135 404.135c-13.616 13.616-13.616 35.403 0 49.019l404.135 404.135c13.616 13.616 35.403 13.616 49.019 0l90.414-90.414c13.616-13.616 13.616-35.403 0-49.019z" />
|
||||
<glyph unicode="" glyph-name="chevron-right" d="M783.783 414.347l-404.135-404.135c-13.616-13.616-35.403-13.616-49.019 0l-90.413 90.413c-13.616 13.616-13.616 35.403 0 49.019l289.213 289.213-289.213 289.213c-13.616 13.616-13.616 35.403 0 49.019l90.413 90.413c13.616 13.616 35.403 13.616 49.019 0l404.135-404.135c13.616-13.616 13.616-35.403 0-49.019z" />
|
||||
<glyph unicode="" glyph-name="arrow-right" d="M995.737 438.856c0-22.347-8.545-44.036-24.318-59.81l-427.871-427.871c-15.774-15.117-37.463-24.318-59.81-24.318s-43.378 9.202-59.153 24.318l-49.294 49.294c-15.774 15.774-24.975 37.463-24.975 59.81s9.202 44.036 24.975 59.81l192.576 192.576h-462.706c-47.322 0-76.898 39.435-76.898 84.128v84.128c0 44.693 29.576 84.128 76.898 84.128h462.706l-192.576 193.233c-15.774 15.117-24.975 36.806-24.975 59.153s9.202 44.036 24.975 59.153l49.294 49.294c15.774 15.774 36.806 24.975 59.153 24.975s44.036-9.202 59.81-24.975l427.871-427.871c15.774-15.117 24.318-36.806 24.318-59.153z" />
|
||||
<glyph unicode="" glyph-name="twitter" d="M1024 755.933c-28.588-41.583-64.324-78.619-105.258-108.508 0.649-9.096 0.649-18.193 0.649-27.289 0-277.442-211.166-597.116-597.116-597.116-118.903 0-229.359 34.438-322.275 94.214 16.894-1.948 33.137-2.6 50.68-2.6 98.113 0 188.425 33.137 260.548 89.665-92.264 1.948-169.583 62.376-196.223 145.543 12.996-1.948 25.99-3.249 39.635-3.249 18.842 0 37.685 2.6 55.228 7.148-96.162 19.492-168.284 103.96-168.284 205.969v2.6c27.938-15.593 60.426-25.341 94.864-26.64-56.527 37.685-93.565 102.009-93.565 174.781 0 38.986 10.396 74.72 28.588 105.908 103.31-127.35 258.6-210.517 432.73-219.614-3.249 15.593-5.197 31.838-5.197 48.082 0 115.654 93.565 209.867 209.867 209.867 60.426 0 115.005-25.341 153.34-66.275 47.43 9.096 92.913 26.64 133.198 50.68-15.593-48.731-48.731-89.665-92.264-115.654 42.233 4.548 83.167 16.245 120.854 32.487z" />
|
||||
<glyph unicode="" glyph-name="github" d="M512.001 940.068c283.684 0 513.843-230.159 513.843-513.843 0-226.814-147.194-419.506-351.26-487.749-26.094-4.684-35.46 11.374-35.46 24.755 0 16.728 0.669 72.258 0.669 141.173 0 48.173-16.058 78.951-34.792 95.007 114.41 12.713 234.841 56.202 234.841 253.575 0 56.202-20.073 101.699-52.857 137.828 5.353 13.381 22.749 65.568-5.353 136.489-42.819 13.381-141.173-52.857-141.173-52.857-40.813 11.374-84.971 17.395-128.46 17.395s-87.647-6.021-128.46-17.395c0 0-98.352 66.237-141.173 52.857-28.1-70.921-10.705-123.109-5.353-136.489-32.784-36.129-52.857-81.626-52.857-137.828 0-196.706 119.764-240.864 234.174-253.575-14.719-13.381-28.1-36.129-32.784-68.913-29.439-13.381-104.375-36.129-149.203 42.819-28.1 48.842-78.951 52.857-78.951 52.857-50.179 0.669-3.345-31.445-3.345-31.445 33.453-15.389 56.871-74.936 56.871-74.936 30.108-91.662 173.288-60.886 173.288-60.886 0-42.819 0.669-82.965 0.669-95.676 0-13.381-9.366-29.439-35.46-24.755-204.066 68.246-351.26 260.935-351.26 487.749 0 283.684 230.159 513.843 513.843 513.843zM192.856 202.088c1.339 2.676-0.669 6.021-4.684 8.029-4.015 1.339-7.36 0.669-8.699-1.339-1.339-2.676 0.669-6.021 4.684-8.029 3.345-2.006 7.36-1.339 8.699 1.339zM213.598 179.34c2.676 2.006 2.006 6.69-1.339 10.705-3.345 3.345-8.029 4.684-10.705 2.006-2.676-2.006-2.006-6.69 1.339-10.705 3.345-3.345 8.029-4.684 10.705-2.006zM233.669 149.232c3.345 2.676 3.345 8.029 0 12.713-2.676 4.684-8.029 6.69-11.374 4.015-3.345-2.006-3.345-7.36 0-12.044s8.699-6.69 11.374-4.684zM261.771 121.132c2.676 2.676 1.339 8.699-2.676 12.713-4.684 4.684-10.705 5.353-13.381 2.006-3.345-2.676-2.006-8.699 2.676-12.713 4.684-4.684 10.705-5.353 13.381-2.006zM299.906 104.404c1.339 4.015-2.676 8.699-8.699 10.705-5.353 1.339-11.374-0.669-12.713-4.684s2.676-8.699 8.699-10.035c5.353-2.006 11.374 0 12.713 4.015zM342.058 101.059c0 4.684-5.353 8.029-11.374 7.36-6.021 0-10.705-3.345-10.705-7.36 0-4.684 4.684-8.029 11.374-7.36 6.021 0 10.705 3.345 10.705 7.36zM380.865 107.749c-0.669 4.015-6.021 6.69-12.044 6.021-6.021-1.339-10.035-5.353-9.366-10.035 0.669-4.015 6.021-6.69 12.044-5.353s10.035 5.353 9.366 9.366z" />
|
||||
<glyph unicode="" glyph-name="shield" d="M810.665 396.19v426.666h-298.667v-758c34.001 18 88.667 49.334 142 91.334 71.333 56 156.667 143.333 156.667 240zM938.666 908.19v-511.999c0-280.666-392.666-457.999-409.333-465.333-5.333-2.667-11.334-4-17.333-4s-12 1.333-17.333 4c-16.668 7.334-409.333 184.667-409.333 465.333v511.999c0 23.334 19.333 42.667 42.667 42.667h767.999c23.334 0 42.667-19.333 42.667-42.667z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
BIN
Binary file not shown.
BIN
Binary file not shown.
Vendored
+14
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"extends": "hexo",
|
||||
"root": true,
|
||||
// IE compatibility
|
||||
"rules": {
|
||||
"prefer-arrow-callback": "off",
|
||||
"no-var": "off",
|
||||
"prefer-const": "off",
|
||||
"strict": "off"
|
||||
},
|
||||
"env": {
|
||||
"browser": true
|
||||
}
|
||||
}
|
||||
Vendored
+105
@@ -0,0 +1,105 @@
|
||||
(function() {
|
||||
// mobile nav
|
||||
// var body = document.getElementsByTagName('body')[0];
|
||||
var html = document.getElementsByTagName('html')[0];
|
||||
var navToggle = document.getElementById('mobile-nav-toggle');
|
||||
var dimmer = document.getElementById('mobile-nav-dimmer');
|
||||
var CLASS_NAME = 'mobile-nav-on';
|
||||
if (!navToggle) return;
|
||||
|
||||
navToggle.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
// body.classList.toggle(CLASS_NAME);
|
||||
html.classList.toggle(CLASS_NAME);
|
||||
});
|
||||
|
||||
dimmer.addEventListener('click', function(e) {
|
||||
if (!html.classList.contains(CLASS_NAME)) return;
|
||||
|
||||
e.preventDefault();
|
||||
html.classList.remove(CLASS_NAME);
|
||||
});
|
||||
}());
|
||||
|
||||
(function() {
|
||||
// article toc
|
||||
var tocList = document.getElementById('article-toc-inner-list');
|
||||
if (!tocList) return;
|
||||
|
||||
window.addEventListener('resize', setMaxHeight);
|
||||
setMaxHeight();
|
||||
|
||||
function setMaxHeight() {
|
||||
var maxHeight = window.innerHeight - 45;
|
||||
tocList.style['max-height'] = maxHeight + 'px';
|
||||
}
|
||||
}());
|
||||
|
||||
(function() {
|
||||
// lang select
|
||||
function changeLang() {
|
||||
var lang = this.value;
|
||||
var canonical = this.dataset.canonical;
|
||||
var path = '/';
|
||||
if (lang !== 'en') path += lang + '/';
|
||||
|
||||
var expires = new Date();
|
||||
expires.setFullYear(expires.getFullYear() + 1);
|
||||
document.cookie = 'nf_lang=' + lang + ';path=/;expires=' + expires.toGMTString();
|
||||
|
||||
location.href = path + canonical;
|
||||
}
|
||||
|
||||
document.getElementById('lang-select').addEventListener('change', changeLang);
|
||||
document.getElementById('mobile-lang-select').addEventListener('change', changeLang);
|
||||
}());
|
||||
|
||||
(function() {
|
||||
// playground
|
||||
/* global liquidjs, sourceEl, ace */
|
||||
if (!location.pathname.match(/playground.html$/)) return;
|
||||
const engine = new liquidjs.Liquid();
|
||||
const editor = createEditor('editorEl', 'liquid');
|
||||
const preview = createEditor('previewEl', 'html');
|
||||
preview.setReadOnly(true);
|
||||
preview.renderer.setShowGutter(false);
|
||||
preview.renderer.setPadding(20);
|
||||
|
||||
editor.setValue(sourceEl.textContent, 1);
|
||||
editor.on('change', update);
|
||||
editor.focus();
|
||||
update();
|
||||
|
||||
function createEditor(id, lang) {
|
||||
var editor = ace.edit(id);
|
||||
editor.setTheme('ace/theme/tomorrow_night');
|
||||
editor.getSession().setMode('ace/mode/' + lang);
|
||||
editor.getSession().setOptions({
|
||||
tabSize: 2,
|
||||
useSoftTabs: true
|
||||
});
|
||||
return editor;
|
||||
}
|
||||
|
||||
async function update() {
|
||||
const tpl = editor.getValue();
|
||||
try {
|
||||
const html = await engine.parseAndRender(tpl);
|
||||
preview.setValue(html, 1);
|
||||
} catch (err) {
|
||||
preview.setValue(err.stack, 1);
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
}());
|
||||
|
||||
if ('serviceWorker' in navigator) {
|
||||
window.addEventListener('load', function() {
|
||||
navigator.serviceWorker.register('/sw.js').then(function(reg) {
|
||||
console.log('ServiceWorker registration successful with scope: ', reg.scope);
|
||||
}).catch(function(err) {
|
||||
console.log('ServiceWorker registration failed: ', err);
|
||||
});
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user