diff options
author | amzrk2 | 2020-06-01 15:44:04 +0800 |
---|---|---|
committer | amzrk2 | 2020-06-01 15:44:04 +0800 |
commit | 02c3891865c7741b8f772aea75cc01564d2f0ff4 (patch) | |
tree | db0e4dd8c3ef95181f5e665ca09f731b75de0387 /assets/scss/_fuji-theme/_style.scss | |
parent | 2338da969d3bc1b2bc26df9f7192dd20a0906c5b (diff) | |
download | hugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.tar.gz hugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.tar.bz2 hugo-theme-fuji-02c3891865c7741b8f772aea75cc01564d2f0ff4.zip |
Remove jQuery
Diffstat (limited to 'assets/scss/_fuji-theme/_style.scss')
-rw-r--r-- | assets/scss/_fuji-theme/_style.scss | 203 |
1 files changed, 203 insertions, 0 deletions
diff --git a/assets/scss/_fuji-theme/_style.scss b/assets/scss/_fuji-theme/_style.scss new file mode 100644 index 0000000..b2266e6 --- /dev/null +++ b/assets/scss/_fuji-theme/_style.scss @@ -0,0 +1,203 @@ +::selection, +::-moz-selection { + color: var(--color-bg); + background-color: var(--color-primary); +} + +body { + background-color: var(--color-bg); + color: var(--color-font); + + @include link-1(); +} + +.post-summary, +.post-meta { + @include link-2(); +} + +.pag-current a, +.pag-current a:hover { + color: var(--color-focus); +} + +.title-sub, +.post-meta { + color: var(--color-mute); +} + +header, +.page-info { + border-bottom: $divider; +} + +.post + .post, +.pagination, +footer { + border-top: $divider; +} + +.post-meta-archive { + @include link-2(); + + color: var(--color-mute); +} + +@media screen and (max-width: $width-md) { + .sidebar { + border-top: $divider; + } +} + +// single page part +.post-content { + @include link-2(); +} + +.markdown-body { + h1, + h2, + h3, + h4, + h5, + h6 { + color: var(--color-primary); + } + + h1, + h2 { + border-bottom: $divider; + } + + blockquote { + color: var(--color-mute); + } + + img { + border-radius: 2px; + background-color: inherit; // fix white pixels under border-radius + } + + hr { + height: 2px; + } + + pre, + code { + background-color: var(--color-codebg); + } +} + +.post-loading, +.post-comment .utterances-frame, +.post-comment #disqus_thread { + border-top: $divider; +} + +// components +.btn { + div { + background-color: var(--color-divider); + + color: var(--color-primary); + } + + div:hover { + background-color: var(--color-primary); + color: var(--color-divider); + } + + div + div { + border-top: 2px solid var(--color-bg); + } +} + +// prism.js theme [solarized-light] + +code[class*='language-'], +pre[class*='language-'] { + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #93a1a1; /* base1 */ +} + +.token.punctuation { + color: #586e75; /* base01 */ +} + +.token.namespace { + opacity: 0.7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #268bd2; /* blue */ +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.url, +.token.inserted { + color: #2aa198; /* cyan */ +} + +.token.entity { + color: #657b83; /* base00 */ + background: #eee8d5; /* base2 */ +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #859900; /* green */ +} + +.token.function, +.token.class-name { + color: #b58900; /* yellow */ +} + +.token.regex, +.token.important, +.token.variable { + color: #cb4b16; /* orange */ +} + +.token.important, +.token.bold { + font-weight: 600; +} +.token.italic { + font-style: italic; +} + +// fix conflicts of primer css & prism.js style +pre, +code { + .rule { + margin: 0; + border-bottom: none; + overflow: inherit; + + &::before, + &::after { + display: inherit; + clear: inherit; + } + } +} |