diff options
author | Thai on Cloud9 <dtinth@spacet.me> | 2019-06-07 11:05:38 +0000 |
---|---|---|
committer | Thai on Cloud9 <dtinth@spacet.me> | 2019-06-07 11:05:38 +0000 |
commit | d63ec5b88a66616c0739d2ce6421156912ac5e2c (patch) | |
tree | 913edc4f7006b22c5c905c04fdc99bc332a3aba9 /assets/css | |
parent | 95ef988207abadd99ca63f115773ee7fcbe0f420 (diff) | |
download | neo-comic-mono-font-d63ec5b88a66616c0739d2ce6421156912ac5e2c.tar.gz neo-comic-mono-font-d63ec5b88a66616c0739d2ce6421156912ac5e2c.tar.bz2 neo-comic-mono-font-d63ec5b88a66616c0739d2ce6421156912ac5e2c.zip |
Add website
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/style.scss | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..c7954eb --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,123 @@ +--- +--- + +@import "{{ site.theme }}"; + +@font-face { + font-family: Comic Mono; + font-weight: normal; + src: url(../../ComicMono.ttf); +} + +@font-face { + font-family: Comic Mono; + font-weight: bold; + src: url(../../ComicMono-Bold.ttf); +} + +// Colors are based on One Dark color scheme. + +html, body, .markdown-body.comic-mono { + background-color: #252423; + color: #bbbbbb; +} + +.markdown-body.comic-mono { + color: #bbbbbb; + border-radius: 3px; + font-family: Comic Mono, Cousine, monospace; + -webkit-font-smoothing: antialiased; + line-height: 1.45; + overflow: auto; + padding: 16px; + max-width: 700px; + @media (min-width: 960px) { + max-width: 875px; + font-size: 20px; + } + h1, h2, h3, p, li, pre { + margin: 1.5em 0; + padding: 0; + font-size: 100%; + line-height: 1.5em; + border: none; + } + ul, ol { + margin: 0; + padding: 0; + list-style-position: inside; + } + ul { + list-style: none; + } + ul > li::before { + content: '* '; + } + h1, h2 { + color: #e06c75; + } + h1::before { + content: '# '; + } + h2::before { + content: '## '; + } + a { + color: #61afef; + } + a::before { + content: '['; + color: #5c6370; + } + a::after { + content: ']'; + color: #5c6370; + } + code, pre { + font: inherit; + padding: 0; + background: none; + } + .highlight { + background: none; + } + pre { + &::before, &::after { + content: '```'; + display: block; + color: #5c6370; + } + } + :not(pre) > code { + &::before, &::after { + content: '`'; + } + } + .highlight { + .nn, .o { + color: inherit; + } + .c { + color: #5c6370; + } + .s { + color: #98c379; + } + .kn, .k, .ow { + color: #c678dd; + } + .mi, .mf { + color: #d19a66; + } + .nb { + color: #56b6c2; + } + .nf { + color: #61afef; + } + } +} + +.website-hidden { + display: none; +}
\ No newline at end of file |